Function SortedTableInHtmlTable

src/ui-solid-dom/SortedTableInHtmlTable.tsx:24–68

(
  props: SortedTableInHtmlTableProps & HtmlTableProps,
)

import {useSortingAndPagination} from './SortedTablePaginator.tsx';

export const SortedTableInHtmlTable: typeof SortedTableInHtmlTableDecl = (
  props: SortedTableInHtmlTableProps & HtmlTableProps,
): JSXElement => {
  const [sortAndOffset, handleSort, paginatorComponent] =
    useSortingAndPagination(
      () => props.cellId,
      () => props.descending,
      () => props.sortOnClick,
      () => props.offset,
      () => props.limit,
      useRowCount(
        () => props.tableId,
        () => props.store,
      ),
      () => props.paginator ?? false,
      () => props.onChange,
    );
  return HtmlTable({
    ...props,
    params: getParams(
      useCells(
        useTableCellIds(
          () => props.tableId,
          () => props.store,
        ),
        () => props.customCells,
        () => (props.editable === true ? EditableCellView : CellView),
      ),
      getStoreCellComponentProps(props.store, props.tableId),
      useSortedRowIds(
        () => props.tableId,
        () => sortAndOffset()[0],
        () => sortAndOffset()[1],
        () => sortAndOffset()[2],
        () => props.limit,
        () => props.store,
      ),
      props.extraCellsBefore,
      props.extraCellsAfter,
      sortAndOffset,
      handleSort,
      paginatorComponent,
    ),
  });
};