autoExpandColumn

Hi there, I need the table to expand within its container, and I need one of the columns to take up the space that is not explicitly allocated to the others (there is such feature on ExtJS, I come from there, it’s a nice one 😉 ) So, I guess that the way to go about that is to recalc the column width on every table update, and then set it via refs? Is that right? I would appreciate a tip how to implement that… Also, if I want to set column width in percentage, would the same approach be OK?

Example 1:

{
  column1:  {width: 100},
  column2: {
     autoExpand: true
  }
}

Example 2:

{
  column1:  {width: '10%},
  column2: {
     width: '90%',
  }
}

How big would the performance penalty for such a feature? Thanks in advance 😃

[bebraw]

Hi,

I think we can pull this off through CSS. You could set something like

[
  {
    props: {
      style: {
        width: '100%'
      }
    },
    ...
  },
  ...
]

That will propagate to both header and body cells. An alternative would be to set a className for a header cell and then control that through a separate CSS definition.

I think I’ll write a little demo for this.

[venelin-mihaylov]

For my use case, straight calc() will be enough (I hope). I can see that if an option to resize/move/hide columns is present, then calc() will have to be managed by react …