fix(plugin-chart-table): sort alphanumeric columns case insensitive (#17765)

This commit is contained in:
Kamil Gabryjelski
2021-12-15 19:48:25 +01:00
committed by GitHub
parent 274fb37a91
commit 82b47cacba
3 changed files with 178 additions and 0 deletions

View File

@@ -44,6 +44,7 @@ import SelectPageSize, {
import SimplePagination from './components/Pagination';
import useSticky from './hooks/useSticky';
import { PAGE_SIZE_OPTIONS } from '../consts';
import { sortAlphanumericCaseInsensitive } from './utils/sortAlphanumericCaseInsensitive';
export interface DataTableProps<D extends object> extends TableOptions<D> {
tableClassName?: string;
@@ -68,6 +69,10 @@ export interface RenderHTMLCellProps extends HTMLProps<HTMLTableCellElement> {
cellContent: ReactNode;
}
const sortTypes = {
alphanumeric: sortAlphanumericCaseInsensitive,
};
// Be sure to pass our updateMyData and the skipReset option
export default function DataTable<D extends object>({
tableClassName,
@@ -174,6 +179,7 @@ export default function DataTable<D extends object>({
initialState,
getTableSize: defaultGetTableSize,
globalFilter: defaultGlobalFilter,
sortTypes,
...moreUseTableOptions,
},
...tableHooks,