Need help on creating table with react
Can someone help me convert this table to tanstack table(react js with javascript not typescript) with filteration , pagination and search . thanks
<table className="table table-striped">
<thead>
<tr>
<th scope="col">Course Code</th>
<th scope="col">Name</th>
<th scope="col">Fees</th>
</tr>
</thead>
<tbody>
{props.courses?.map(course => (
<tr key={course.id}>
<td>{course.course_code}</td>
<td>{course.name}</td>
<td>{course.fees}</td>
</tr>
))}
</tbody>
</table> <table className="table table-striped">
<thead>
<tr>
<th scope="col">Course Code</th>
<th scope="col">Name</th>
<th scope="col">Fees</th>
</tr>
</thead>
<tbody>
{props.courses?.map(course => (
<tr key={course.id}>
<td>{course.course_code}</td>
<td>{course.name}</td>
<td>{course.fees}</td>
</tr>
))}
</tbody>
</table> 
