mbrn / material-table.com Goto Github PK

I just want to contribute with the translations for Brazilian Portuguese: https://gist.github.com/rom5jp/dfc69acd11e4f5b8fa2d40a109948da9

Currently it looks like the table free actions are wrapped in IconButton component. I want to pass my own component which already is wrapping the IconButton component as well. How can I override this in the table?

Also I want to use my custom component to override the Show Columns button as well.

In the All Props docs the option defaultExpand is not listed.

This is a suggestion to enhance the documentation with Typescript examples.

I'm trying to run the component on a Typescript project, since I'm a Typescript newbie I found some problems to get rid of all the type errors I get after trying to create a reusable component.
This is an example I created but I didn't figure out a way to run in with Typescript properly :
https://gist.github.com/ZiedHf/1b021ef5c131f2142fcc9de62f088437

It would be very helpful if you provide some example of code on how it works with Typescript.

This the Stackoverflow question if someone want help !

Thanks for this great work.

I was wondering if we can keep track of hidden columns using "onChangeColumnHidden"

I want to use the list of columns after user hides it using "columnsButton" and use it in jsPdf to export the updated columns and its data.

Before you ask, I cant use the native export pdf since we use other features that manipulates the data in tables and exports it to pdf..

I use below code...but it doesn't work...whenever I check/uncheck the columns, it doesn't unchecks or checks the select button

const [colHide, setColHide] = React.useState([]);
const handleColumnToggle = (column, hidden) => {
if (!hidden) {
setColHide(colHide.filter(col => col !== column.field));
} else {
setColHide([...colHide, column.field]);
}
console.log(colHide)
};

I tried to understand how localization works, googled around but could not find how to integrate i18n with the material table. Maybe the doc should be improved to explain step by step how to integrate with i18n or other localization libraries.

There is a prop 'filterComponent' in columns props which is not in the documentation, https://material-table.com/#/docs/all-props => columns section.

I am trying to customize the search input feature but I am not able to find the right way to add the pseudo classes style so that it can match my intended design.
I am getting an arror saying:
No overload matches this call. Overload 1 of 2, '(props: MaterialTableProps<any> | Readonly<MaterialTableProps<any>>): MaterialTable<any>', gave the following error. Type '{ border: string; borderRadius: string; padding: string; '&:active': {}; }' is not assignable to type 'Properties<string | number, string & {}>'. Object literal may only specify known properties, and ''&:active'' does not exist in type 'Properties<string | number, string & {}>'. Overload 2 of 2, '(props: MaterialTableProps<any>, context: any): MaterialTable<any>', gave the following error. Type '{ border: string; borderRadius: string; padding: string; '&:active': {}; }' is not assignable to type 'Properties<string | number, string & {}>'. Object literal may only specify known properties, and ''&:active'' does not exist in type 'Properties<string | number, string & {}>'.ts(2769) (property) '&:active': {}

Hi,

Looking at this page is confusing because some options, draggable, for example, are new and do not exist in later versions.

Would be good to specify what version something was introduced or to have a nav to link to version specific docs.

When using defaultGroupOrder it seems defaultGroupSort is getting applied as asc by default.
I do not want to apply any sorting and need to display data as it comes.
How to avoid default sorting on Grouped Column?