PF4 Table: fullWidth = true does not render correctly when rows are selectable or have actions in expanded content

Describe the issue. What is the expected and unexpected behavior?

I’m using the expanded content, selectable and actions, I configured my expanded content with fullWidth=true, but the output does not render in full width.

Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool. See here: https://codesandbox.io/s/recursing-keldysh-8qlci The two tables are equal, but one is selectable while the other is not. edit: Updated to include samples of code having actions on the parent row, but not on the contents.

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around?

Bug, I don’t know any workaround.

What is your product and what release version are you targeting?

[nicolethoen]

I will make sure this issue gets triaged and added to the road map! 😃

[kmcfaul]

I’m still working on an internal fix to account for additional generated columns in the full width row’s colSpan, but wanted to make a note here of a workaround you can use in the meantime: passing a props object to the expanded cell that contains an override for colSpan. For example:

{
      parent: 0,
      fullWidth: true,
      cells: [
            {
              title: <div style={{ backgroundColor: 'red' }}> 'child - 1 fullWidth' </div>
              props: {colSpan: 6}
            }
      ]
}

@tlabaj