search

iTwin / iTwinUI-react

A react component library for iTwinUI.
https://github.com/iTwin/iTwinUI
Other
84 stars 23 forks source link

Table: Disabled rows #125

Closed basanta078 closed 3 years ago

basanta078 commented 3 years ago

Feature

Table currently allows all rows to be selectable when passed isSelectable prop However there is no api to disable selection for some rows that might not be selectable

Similar feature that exists is of making column sortable by passing isSortable for the whole columns And you can manually disable/enable sorting for individual column

Examples

Provide an api to say whether a row is disabled or not Disabled row can not be selectable Disabled row should have a different darker visual background to indicate that the row is disabled

mayank99 commented 3 years ago

Thanks for the issue. We're currently finalizing the disabled styles, which will look like this: image image

Since it's part of a bigger refactor, it might be a while before it's available in react.

mayank99 commented 3 years ago

This is now available in 1.11.0 🎉

Use the isRowDisabled prop. https://itwin.github.io/iTwinUI-react/?path=/story/core-table--disabled-rows