Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot customize column header styles #142

Closed
aswamina opened this issue Jan 6, 2019 · 7 comments
Closed

Cannot customize column header styles #142

aswamina opened this issue Jan 6, 2019 · 7 comments
Assignees
Labels

Comments

@aswamina
Copy link

aswamina commented Jan 6, 2019

I noticed that I cannot customize the column header font or any other styles for the column header. Would it be possible to address that as a component, so that I can style it for fonts, background color etc. etc.

@mbrn mbrn self-assigned this Jan 6, 2019
@mbrn mbrn added the feature label Jan 6, 2019
@mbrn mbrn closed this as completed in 32deb51 Jan 7, 2019
mbrn added a commit that referenced this issue Jan 7, 2019
@mbrn
Copy link
Owner

mbrn commented Jan 7, 2019

This is done. It will be in version 1.12.0.

How to use?:

  1. Add headerStyle to options to apply a style to all headers.
  2. Add headerStyle to column to apply a style to specified header.
<MaterialTable
          columns={[
            { title: 'Adı', field: 'name', headerStyle: {color: 'red', fontSize: 24} },
            { title: 'Soyadı', field: 'surname' },
            { title: 'Doğum Yılı', field: 'birthYear', type: 'numeric' },
            { title: 'Doğum Yeri', field: 'birthCity', lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' } }
          ]}
          data={this.state.data}
          title="Demo Title"
          options={{              
            headerStyle: {color: 'green'}
          }}
        />

@kaleshasheik
Copy link

This is done. It will be in version 1.12.0.

How to use?:

  1. Add headerStyle to options to apply a style to all headers.
  2. Add headerStyle to column to apply a style to specified header.
<MaterialTable
          columns={[
            { title: 'Adı', field: 'name', headerStyle: {color: 'red', fontSize: 24} },
            { title: 'Soyadı', field: 'surname' },
            { title: 'Doğum Yılı', field: 'birthYear', type: 'numeric' },
            { title: 'Doğum Yeri', field: 'birthCity', lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' } }
          ]}
          data={this.state.data}
          title="Demo Title"
          options={{              
            headerStyle: {color: 'green'}
          }}
        />

Please confirm when this new version (1.12.0.) will be released ?

@mbrn
Copy link
Owner

mbrn commented Jan 8, 2019

Hi @kaleshasheik ,

I think tomorrow it will be released.

@aswamina
Copy link
Author

aswamina commented Jan 8, 2019 via email

@mbrn
Copy link
Owner

mbrn commented Jan 9, 2019

v1.12.0 published. You can upgrade.

1 similar comment
@mbrn
Copy link
Owner

mbrn commented Jan 9, 2019

v1.12.0 published. You can upgrade.

@kaleshasheik
Copy link

Hi @kaleshasheik ,

I think tomorrow it will be released.

Thank you.

FalkF pushed a commit to FalkF/material-table that referenced this issue May 28, 2021
FalkF pushed a commit to FalkF/material-table that referenced this issue May 28, 2021
Fix TS definition for renderSummaryRow (mbrn#140), bulkEditChangedRows propType (mbrn#142)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants