mbrn / material-table.com Goto Github PK
View Code? Open in Web Editor NEWmaterial-table documentation website
material-table documentation website
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.
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': {}
In the All Props docs the option defaultExpand
is not listed.
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.
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?
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.
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.
There is a prop 'filterComponent' in columns props which is not in the documentation, https://material-table.com/#/docs/all-props => columns section.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.