Table Header Width Bug, When There's Row Selection Configuration

I think there’s complains about Table Header and Table Body column mismatch. But I want to dig a little bit deeper, maybe could help you find the root cause.

Test Version v3.1.0, with all the css files there.

OK, so this is the first one. I have the row_selection configurations, something like these:

selectRow = {{
	mode: 'radio',
	selected: [this.activeParameterKey],
}}

I also set some columns’ width, to test the alignment problem, I delete unnecessary fields.

<TableHeaderColumn width="300">Key</TableHeaderColumn>
<TableHeaderColumn width="150">Value Type</TableHeaderColumn>
<TableHeaderColumn width="50">Example Values</TableHeaderColumn>
<TableHeaderColumn>Technical Description</TableHeaderColumn>
<TableHeaderColumn>Required</TableHeaderColumn>
<TableHeaderColumn>Server Side</TableHeaderColumn>
<TableHeaderColumn width="200">Heimdall</TableHeaderColumn>
<TableHeaderColumn>Beacon Key</TableHeaderColumn>
<TableHeaderColumn>Event Key</TableHeaderColumn>
<TableHeaderColumn width="200">Value Unit</TableHeaderColumn>

The Results are showing below:

So here’s the problem. For the of selection button column, it takes the width of “Key” column, which is 300. For the of “Key” column, it takes the width of “Value Type” column, which is 150. For the of “Value Type” column, it takes the width of “Example Values” column, which is 50. For the of “Example Values” Column, it takes itself width, which is 50, it is correct.

It looks so wired to me, but it looks like a column takes itself setting of width, but if the column after it has a width setting, it will overwrite current column width setting. Same things happens to “Heimdall” column, both “Heimdall” and “Server Side” column are setting to 200. Also “Value Unit”.

But the width in Table Body is all correct. Do you think this could be fixed soon? Or maybe I could look into the code.

[AllenFang]

I’ll fix it asap, sorry for lately reply and fixing.

[AllenFang]

@hnandarusdy, got it, but as I know, the width of TableHeaderColumn are support integer, string or string with px.