Option to Hide Radio Button Column for selection

[mjrussell]

Being able to click the row to select is great and makes the radio button column somewhat unnecessary (at least for single selection).

Would be great to be able to pass an option to selectRow that hides the selection column.

Something like:

var selectSessionProp = {
            mode: 'radio',
            clickToSelect: true,
            hideColumn: true,
            bgColor: 'rgb(238, 193, 213)',
            onSelect: this.props.onSelect
        };

[AllenFang]

OK I'll add this feature in next version. Thanks your feedback :)

[AllenFang]

HI @mjrussell, you can hide selection column as follow:

var selectRowProp = {
  mode: "radio",
  clickToSelect: true,
  hideSelectColumn: true, //you can hide select column, if you enable clickToSelect
};

[mjrussell]

👍 Awesome!

[ssjogus]

thanks for this new feature, but somehow when i add this line in the code, it is disturbing table alignment. When a scrollbar appears in table-body, the most right column border in the table-header and table-body does not match.. any idea, how to fix that?

[AllenFang]

@ssjogus, would you give me your code? because I can't reproduce this problem :)
--updated--
Which version did you used?

[ssjogus]

hi @AllenFang , sorry the issue is not because of this new feature.. i think its over there even i don't use the hideSelectColumn. i am using 0.9.7 version.

[AllenFang]

@ssjogus, upgrade to the newest version will solve your problem, and remember to re import the css file to your project.

[ssjogus]

when i update, it is asking for react 0.14, and our project uses react 0.13. so i am not able to use it.

[AllenFang]

@ssjogus, upgrade is only one solution, I can't republish 0.9.7 for fixing this bug ;(

[vishalbsacet]

How to do disabled true for any particular radio button , for some condition e.g Count is more than 2.