@syook/react-tabulous 2.8.3 → 3.0.0

package/CHANGELOG.md

@@ -9,8 +9,10 @@ Commit convention is based on [Conventional Commits](http://conventionalcommits.
 Change log format is based on [Keep a Changelog](http://keepachangelog.com/).
 
 ## [Unreleased]
-- 
-## [Released] 
+
+-
+
+## [Released]
 
 ## [2.7.7](https://github.com/syook/react-tabulous/releases/tag/2.7.7) - 2021-07-08
 

package/LICENSE.md

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/README.md

@@ -29,6 +29,9 @@ The files will be under `./lib` folder.
 | `isFilterable`   | is column filterable                                                                | Boolean            | false      |         |
 | `omitInHideList` | should the column be omitted in table and show/hide dropdown                        | Boolean            | false      |         |
 | `options`        | array of options if the type is MultiSelect or Single Select                        | Array              | false      | []      |
+| `isResizable`    | is column resizable                                                                 | Boolean            | false      | false   |
+| `fixed`          | String='left' or 'right', where to fix the column                                   | String             | false      | null    |
+| `defaultWidth`   | to fix column width to a value in pixels if width exceeding this threshold          | Number             | false      | null    |
 
 ### b. Action Config Options : actions will be shown in action column in table
 
@@ -77,6 +80,8 @@ The files will be under `./lib` folder.
 | `emptyCellPlaceHolder` | placeholder for empty cells                                     |         | false    | string   |
 | `accentColor`          | colors for top bar buttons                                      |         | false    | string   |
 | `hideBulkCount`        | hide bulk select count for bulk actions                         | false   | false    | boolean  |
+| `showResetButton`      | display reset button                                            | true    | false    | boolean  |
+| `hidePagination`       | hide pagination                                                 | false   | false    | boolean  |
 
 ## Example
 
@@ -168,6 +173,8 @@ columnDefs = [
     isSortable: true,
     isSearchable: false,
     isFilterable: true,
+    fixed: 'left',
+    defaultWidth: 100,
   },
   {
     headerName: 'Started at',
@@ -178,6 +185,7 @@ columnDefs = [
     isSearchable: false,
     isFilterable: true,
     isResizable: true,
+    defaultWidth: 200,
   },
 ];
 
@@ -226,7 +234,8 @@ customComponents = () => (
   name={'Table Name'}
   columnDefs={this.columnDefs}
   isShowSerialNumber={true}
-  isAllowDeepSearch={true}>
+  isAllowDeepSearch={true}
+  showResetButton={true}>
   {this.customComponents}
 </ReactTabulous>