Column width

Hey,
Is there a way for me to control the table columns width?
I tried in css file:
table-layout: fixed / auto;
width: 50px / 50% ;

nothing works
Can you assist?

Thx

[dotjrt]

See 226. Use headerStyle in your column definitions like this:

headerStyle: (column, colIndex) => {
    return { width: '100px' }; 
}

[AllenFang]

Thanks @dotjrt 👍

@dotjrt
hey, are there any other design attributes I can define for columns : lines width etc.?

[dotjrt]

@nirkrumer I'm not sure what you mean by "lines width". You should be able to define just about any style property in headerStyle e.g. backgroundColor

ok thanks can close the case

…

On Wed, Nov 20, 2019 at 4:35 AM Jim Thompson ***@***.***> wrote: @nirkrumer <https://github.com/nirkrumer> I'm not sure what you mean by "lines width". You should be able to define just about any style property <https://www.w3schools.com/jsref/dom_obj_style.asp> in headerStyle e.g. backgroundColor <https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/column-props.html#columnheaderstyle-object-function> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1160?email_source=notifications&email_token=AJCFI6QGBEXSJJM5DPTZ2UTQUSO6DA5CNFSM4JLWCSR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEEQPNNQ#issuecomment-555808438>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJCFI6WB2HW5IKSNVYJDVYLQUSO6DANCNFSM4JLWCSRQ> .

-- Nir Krumer Business Applications Manager *E-Mail: *nir.krumer@naturalint.com <eddie.oz@naturalint.com> *Mobile*: +972 (0)50-8248181

[Fabian-Ojeda]

See 226. Use headerStyle in your column definitions like this:

headerStyle: (column, colIndex) => {
    return { width: '100px' }; 
}

Hey bro, I really love you :) Thanks

[chewhg78]

See 226. Use headerStyle in your column definitions like this:

headerStyle: (column, colIndex) => {
    return { width: '100px' }; 
}

Hey bro, I really love you :) Thanks

May i know what is the complete code for this? is it something as follows?

<TableHeaderColumn
headerStyle= {(column, colIndex) => {return { width: '250px' }; } }
dataField={obj.name}>{obj.displayName}<\TableHeaderColumn>