33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
import TableRow from './TableRow.jsx';
|
|
|
|
/*
|
|
компонент, для вывода tbody таблицы
|
|
пропсы:
|
|
body - данные для таблицы в виде массива объектов
|
|
numPage - номер текущей страницы
|
|
amountRows - количество строк таблицы на странице
|
|
*/
|
|
|
|
const TableBody = (props) => {
|
|
// номера строк, отображаемых на странице
|
|
const begRange = (props.numPage - 1) * props.amountRows;
|
|
const endRange = begRange + Number(props.amountRows);
|
|
|
|
//формируем строки на основе переданных данных
|
|
const tbody = props.body.map((item, index) =>
|
|
// оставляем видимыми только строки, индексы которых принадлежат интервалу
|
|
<tr key={index} className={
|
|
(index >= begRange && index < endRange) ? "show" : "hide"
|
|
}>
|
|
<TableRow row={ Object.values(item) } isHead="0"/>
|
|
</tr>
|
|
);
|
|
|
|
return (
|
|
<tbody>
|
|
{tbody}
|
|
</tbody>
|
|
)
|
|
}
|
|
|
|
export default TableBody; |