question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to specify column alignment?

See original GitHub issue

I do not see how to specify the MuiTableCell-alignCenter or MuiTableCell-alignRight values. All of the cells are being applied with MuiTableCell-alignLeft. As a terrible work-around, I am having to apply hacky CSS styles to override the left alignment.

In general, it seems the properties supported by MuiTable are not available to use for MaterialTable, unless I am misunderstanding something. I would appreciate any assistance. Thanks.

This is the SandBox I have been working with, which was forked from the main one listed on the Material-UI website: https://codesandbox.io/s/material-demo-s0x7t

Ultimately, I want the first table to have columns that are centered, except the first column. For the second table, I want only the last column to be centered.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:12
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
chitgokscommented, Nov 5, 2019

Up

0reactions
Dobata7commented, Mar 17, 2020

Up

Read more comments on GitHub >

github_iconTop Results From Across the Web

Box alignment in Multi-column Layout - CSS - MDN Web Docs
The align-content property applies to the block axis and justify-content to the inline axis. Any spacing added to the columns due to use...
Read more >
Set the alignment of columns — cols_align • gt - RStudio
The individual alignments of columns (which includes the column labels and all of their data cells) can be modified. We have the option...
Read more >
Section/Column Vertical and Horizontal Alignment | Elementor
For each section/column, set the alignment options: Section/Column> Layout. Vertical Align: Choose from: Top; Middle; Bottom; Space Between – Widgets start ...
Read more >
Specifying column attributes - IBM
Enter SPECIFY ALIGNMENT or SPECIFY DEFINITION (or a valid abbreviation) on the command line, then move the cursor to the column you want...
Read more >
Specify alignment per column in align equation - TeX
Your output is what you'd expect from aligned : you have four columns, the 1st and 3rd right aligned, the 2nd and 4th...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found