Material-table: Custom the "Actions" Column name.

Created on 2 Apr 2019  路  8Comments  路  Source: mbrn/material-table

Hi guys, I'm wondering how can I customize the "Actions" column name, I can't find a way to do this, my site is in spanish so instead of "Actions" I have to call the column as "Acciones", How can I do this ?

help wanted

Most helpful comment

You can change it with localization prop

https://mbrn.github.io/material-table/#/docz-examples-09-example-localization

All 8 comments

You can change it with localization prop

https://mbrn.github.io/material-table/#/docz-examples-09-example-localization

Hi, the example doesn't working

<MaterialTable // other props localization={{ pagination: { labelDisplayedRows: '{from}-{to} of {count}' }, toolbar: { nRowsSelected: '{0} row(s) selected' }, header: { actions: 'Actions' }, body: { emptyDataSourceMessage: 'No records to display', filterRow: { filterTooltip: 'Filter' } } }} />

Uncaught TypeError: Cannot read property 'addTooltip' of undefined
at MaterialTable.getProps (material-table.js:451)
at new MaterialTable (material-table.js:344)
at constructClassInstance (react-dom.development.js:11787)
at updateClassComponent (react-dom.development.js:15265)
at beginWork (react-dom.development.js:16265)
at performUnitOfWork (react-dom.development.js:20285)
at workLoop (react-dom.development.js:20326)
at HTMLUnknownElement.callCallback (react-dom.development.js:147)
at Object.invokeGuardedCallbackDev (react-dom.development.js:196)
at invokeGuardedCallback (react-dom.development.js:250)
at replayUnitOfWork (react-dom.development.js:19509)
at renderRoot (react-dom.development.js:20439)
at performWorkOnRoot (react-dom.development.js:21363)
at performWork (react-dom.development.js:21273)
at performSyncWork (react-dom.development.js:21247)
at batchedUpdates$1 (react-dom.development.js:21474)
at Object.notify (Subscription.js:23)
at Subscription.notifyNestedSubs (Subscription.js:65)
at Provider.notifySubscribers (Provider.js:59)
at Subscription.handleChangeWrapper (Subscription.js:70)
at Object.dispatch (redux.js:214)
at index.js:188
at middleware.js:36
at redux-saga-core.esm.js:1421
at dispatch (redux.js:613)
at chunk-e922c950.js:136
at redux-saga-core.esm.js:484
at exec (redux-saga-core.esm.js:30)
at flush (redux-saga-core.esm.js:88)
at asap (redux-saga-core.esm.js:45)
at runPutEffect (redux-saga-core.esm.js:480)
at runEffect (redux-saga-core.esm.js:1210)
at digestEffect (redux-saga-core.esm.js:1277)
at next (redux-saga-core.esm.js:1167)
at currCb (redux-saga-core.esm.js:1257)

Hi!

You need to add:
localization={{
body: {
addTooltip: "TRANSLATE "ADD" TO YOUR LANGUAGE HERE"
}}

https://material-table.com/#/docs/features/localization

Hi!

You need to add:
localization={{
body: {
addTooltip: "TRANSLATE "ADD" TO YOUR LANGUAGE HERE"
}}

https://material-table.com/#/docs/features/localization

Thank you, It worked

Hi!

You need to add:
localization={{
body: {
addTooltip: "TRANSLATE "ADD" TO YOUR LANGUAGE HERE"
}}

https://material-table.com/#/docs/features/localization

I tried this but it wont works. i just want to remove the "S" in the action
image

The code is correct and works. Can you put that in a sandbox to reproduce it?

What is causing the eslint problem?

What is causing the eslint problem?

Oh, Sorry I had to comment on somewhere else, do u know how to remove shadow from material-table, is there any property, or something like, other than overriding theme or creating a Custom component?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ModPhoenix picture ModPhoenix  路  3Comments

Likurg2010 picture Likurg2010  路  3Comments

roseak picture roseak  路  3Comments

revskill10 picture revskill10  路  3Comments

ps1011 picture ps1011  路  3Comments