@ackplus/react-tanstack-data-table
Version:
A powerful React data table component built with MUI and TanStack Table
17 lines (16 loc) • 864 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ColumnResetControl = ColumnResetControl;
const jsx_runtime_1 = require("react/jsx-runtime");
const icons_material_1 = require("@mui/icons-material");
const material_1 = require("@mui/material");
const data_table_context_1 = require("../../contexts/data-table-context");
function ColumnResetControl() {
const { table } = (0, data_table_context_1.useDataTableContext)();
const handleResetLayout = () => {
table.resetColumnOrder();
table.resetColumnPinning();
table.resetColumnSizing();
};
return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Reset layout", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: handleResetLayout, children: (0, jsx_runtime_1.jsx)(icons_material_1.Autorenew, {}) }) }));
}