data-table-column align center request

Saulis / iron-data-table

iron-data-table is a Web Component for displaying data as a table or grid. Built on top of iron-list using Polymer.

Apache License 2.0

147 stars 66 forks source link

data-table-column align center request #181

Closed hariprasadiit closed 7 years ago

hariprasadiit commented 7 years ago

Is there a way to center align column headers?

if not is this possible to have this feature?

web-padawan commented 7 years ago

You can use custom header templates like this:

<style>
.th {
  width: 100%;
  text-align: center;
}
</style>

<data-table-column>
  <template is="header">
    <div class="th">Header</div>
  </template>
</data-table-column>

However, there is a best practice which you should be aware of:

Left align text (where appropriate)
Right align numbers (where appropriate)
Align titles with data
Resize columns to data

hariprasadiit commented 7 years ago

@web-padawan thanks for the snippet.