More than 11 columns bugs

[Vesely]

Hi, can you help me with this, please?
When I add more than 11 columns it to the table it looks bad.

Example code: (Based on demo)

<brainy-table items="[[users.data]]">
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
  <brainy-table-column name="Email">
    <template>[[item.user.email]]</template>
  </brainy-table-column>
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
  <brainy-table-column name="Email">
    <template>[[item.user.email]]</template>
  </brainy-table-column>
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
  <brainy-table-column name="Email">
    <template>[[item.user.email]]</template>
  </brainy-table-column>
  <brainy-table-column name="First Name">
    <template>[[item.user.name.first]]</template>
  </brainy-table-column>
  <brainy-table-column name="Last Name">
    <template>[[item.user.name.last]]</template>
  </brainy-table-column>
</brainy-table>

Screenshot:

Problems:

1. Wrong last column (Sixth column has attribute is-last, but it's not last column)
2. Data in every Email columns are cropped

Can you fix it please?
Thanks!

[yglodt]

With the current version, this bug seems to exist with tables having 10 or more columns.

I "fixed" it by removing the line 115 in brainy-tr.html:

cell.toggleAttribute('is-last', cellIndex === children.length - 1);