dbc3ca6bdf
Introduced a new field called as total record count which can be used to disable the pagination controls while having server side pagination. If this value is undefined the conditions will be ignored. The total record count is `total count / page size`, all the parameters need to be bound to the query/API for the functionality to work properly
55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
import {
|
|
ColumnProperties,
|
|
CompactMode,
|
|
ReactTableFilter,
|
|
TableStyles,
|
|
SortOrderTypes,
|
|
} from "components/designSystems/appsmith/TableComponent/Constants";
|
|
import { WidgetProps } from "widgets/BaseWidget";
|
|
import { WithMeta } from "widgets/MetaHOC";
|
|
|
|
export interface TableWidgetProps extends WidgetProps, WithMeta, TableStyles {
|
|
nextPageKey?: string;
|
|
prevPageKey?: string;
|
|
label: string;
|
|
searchText: string;
|
|
defaultSearchText: string;
|
|
defaultSelectedRow?: number | number[] | string;
|
|
tableData: Array<Record<string, unknown>>;
|
|
onPageChange?: string;
|
|
pageSize: number;
|
|
onRowSelected?: string;
|
|
onSearchTextChanged: string;
|
|
onSort: string;
|
|
selectedRowIndex?: number;
|
|
selectedRowIndices: number[];
|
|
serverSidePaginationEnabled?: boolean;
|
|
multiRowSelection?: boolean;
|
|
hiddenColumns?: string[];
|
|
columnOrder?: string[];
|
|
columnNameMap?: { [key: string]: string };
|
|
columnTypeMap?: {
|
|
[key: string]: { type: string; format: string; inputFormat?: string };
|
|
};
|
|
columnSizeMap?: { [key: string]: number };
|
|
filters?: ReactTableFilter[];
|
|
compactMode?: CompactMode;
|
|
primaryColumns: Record<string, ColumnProperties>;
|
|
derivedColumns: Record<string, ColumnProperties>;
|
|
sortOrder: {
|
|
column: string;
|
|
order: SortOrderTypes | null;
|
|
};
|
|
totalRecordsCount?: number;
|
|
}
|
|
|
|
export const getCurrentRowBinding = (
|
|
entityName: string,
|
|
userInput: string,
|
|
withBinding = true,
|
|
) => {
|
|
let rowBinding = `${entityName}.sanatizedTableData.map((currentRow) => ( ${userInput}))`;
|
|
if (withBinding) rowBinding = `{{${rowBinding}}}`;
|
|
return rowBinding;
|
|
};
|