Pretty pretty please, would be great if pf-table didn't hate this
this kinda thing
const [cols] = useState([
{ title: intl.formatMessage(messages.rulesTableColumnTitleRule), transforms: [sortable] },
{ title: intl.formatMessage(messages.rulesTableColumnTitleAdded), transforms: [sortable, cellWidth(15)] },
{ title: intl.formatMessage(messages.rulesTableColumnTitleTotalrisk), transforms: [sortable] },
{ title: intl.formatMessage(messages.rulesTableColumnTitleSystems), transforms: [sortable] },
{ title: <><AnsibeTowerIcon size='md' /> {intl.formatMessage(messages.rulesTableColumnTitleAnsible)}</>, transforms: [sortable] }
]);
throws this warning (it doesn't enjoy the <><AnsibeTowerIcon size='md' />...</>
also, it doesn't collapse very well, displays fallback rather than the column name
what it oughta look like
Reactions are currently unavailable
Pretty pretty please, would be great if pf-table didn't hate this
this kinda thing
const [cols] = useState([ { title: intl.formatMessage(messages.rulesTableColumnTitleRule), transforms: [sortable] }, { title: intl.formatMessage(messages.rulesTableColumnTitleAdded), transforms: [sortable, cellWidth(15)] }, { title: intl.formatMessage(messages.rulesTableColumnTitleTotalrisk), transforms: [sortable] }, { title: intl.formatMessage(messages.rulesTableColumnTitleSystems), transforms: [sortable] }, { title: <><AnsibeTowerIcon size='md' /> {intl.formatMessage(messages.rulesTableColumnTitleAnsible)}</>, transforms: [sortable] } ]);throws this warning (it doesn't enjoy the <><AnsibeTowerIcon size='md' />...</>
also, it doesn't collapse very well, displays fallback rather than the column name
what it oughta look like