diff --git a/docs/row-expand-props.md b/docs/row-expand-props.md index 4753c7d..601faf8 100644 --- a/docs/row-expand-props.md +++ b/docs/row-expand-props.md @@ -16,6 +16,7 @@ title: Row Expand Props * [onExpandAll](#expandrowonexpandall-function) * [showExpandColumn](#expandrowshowexpandcolumn-bool) * [onlyOneExpanding](#expandrowonlyoneexpanding-bool) +* [expandByColumnOnly](#expandrowexpandbycolumnonly-bool) * [expandColumnRenderer](#expandrowexpandcolumnrenderer-function) * [expandHeaderColumnRenderer](#expandrowexpandheadercolumnrenderer-function) @@ -106,13 +107,24 @@ const expandRow = { ## expandRow.onlyOneExpanding - [Bool] Default is `false`. Enable this will only allow one row get expand at the same time. - ```js +```js const expandRow = { renderer: (row) => ... onlyOneExpanding: true }; ``` +## expandRow.expandByColumnOnly - [Bool] +Default is `false`. If you want to restrict user to expand/collapse row via clicking the expand column only, you can enable it. + + ```js +const expandRow = { + renderer: (row) => ..., + showExpandColumn: true, + expandByColumnOnly: true +}; +``` + ## expandRow.expandColumnRenderer - [Function] Provide a callback function which allow you to custom the expand indicator. This callback only have one argument which is an object and contain one property `expanded` to indicate if current row is expanded diff --git a/docs/row-select-props.md b/docs/row-select-props.md index bdd30a5..5753bb9 100644 --- a/docs/row-select-props.md +++ b/docs/row-select-props.md @@ -24,6 +24,7 @@ const selectRow = { * [bgColor](#selectrowbgcolor-string-function) * [nonSelectable](#selectrownonselectable-array) * [clickToSelect](#selectrowclicktoselect-bool) +* [clickToExpand](#selectrowclicktoexpand-bool) * [clickToEdit](#selectrowclicktoedit-bool) * [onSelect](#selectrowonselect-function) * [onSelectAll](#selectrowonselectall-function) @@ -148,6 +149,16 @@ const selectRow = { > Note: When you also enable [cellEdit](./cell-edit-props.html), the `selectRow.clickToSelect` will deactivate the functionality of cell editing. If you want to click on row to select row and edit cell simultaneously, you are suppose to enable [`selectRow.clickToEdit`](#selectrowclicktoedit-bool) +## selectRow.clickToExpand - [Bool] +Default is false, enable it will let user able to expand and select row when user clicking on the row. + +```js +const selectRow = { + mode: 'checkbox', + clickToExpand: true +}; +``` + ## selectRow.clickToEdit - [Bool] Able to click to edit cell and select row at the same time. diff --git a/docs/table-props.md b/docs/table-props.md index bab0e42..9f4eb97 100644 --- a/docs/table-props.md +++ b/docs/table-props.md @@ -19,6 +19,7 @@ title: BootstrapTable Props * [hover](#hover-bool) * [condensed](#condensed-bool) * [id](#id-string) +* [tabIndexCell](#tabindexcell-bool) * [classes](#classes-string) * [wrapperClasses](#wrapperClasses-string) * [headerClasses](#headerClasses-string) @@ -117,6 +118,10 @@ Same as bootstrap `.table-condensed` class for making a table more compact by cu ## id - [String] Customize id on `table` element. + +## tabIndexCell - [Bool] +Enable the `tabIndex` attribute on `