Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-tabulator

Package Overview
Dependencies
Maintainers
1
Versions
89
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-tabulator - npm Package Compare versions

Comparing version 0.5.0 to 0.5.5

lib/css/bootstrap/tabulator_bootstrap.css

3

CHANGELOG.md

@@ -1,5 +0,6 @@

## [0.5.0] - 2018-10-14
## [0.5.5] - 2018-10-14
### Added
- `__tests__/ui` - UI for tests.
- `src/css` - css files for themes.
### Changed

@@ -6,0 +7,0 @@ - use getDerivedStateFromProps so we can set grid data from state. (updated Examples)

@@ -16,2 +16,3 @@ "use strict";

exports.__esModule = true;
var _a;
var React = require("react");

@@ -29,5 +30,5 @@ var ReactTabulator_1 = require("./ReactTabulator");

{ id: 1, name: 'Oli Bob', age: '12', col: 'red', dob: '', rating: 5, passed: true },
{ id: 2, name: 'Mary May', age: '1', col: 'blue', dob: '14/05/1989', rating: 4, passed: true },
{ id: 2, name: 'Mary May', age: '1', col: 'green', dob: '14/05/1989', rating: 4, passed: true },
{ id: 3, name: 'Christine Lobowski', age: '42', col: 'green', dob: '22/05/1985', rating: 4, passed: false },
{ id: 4, name: 'Brendon Philips', age: '125', col: 'orange', dob: '01/08/1980', rating: 4.5, passed: true },
{ id: 4, name: 'Brendon Philips', age: '125', col: 'red', dob: '01/08/1980', rating: 4.5, passed: true },
{ id: 5, name: 'Margret Marmajuke', age: '16', col: 'yellow', dob: '31/01/1999', rating: 4, passed: false },

@@ -37,6 +38,15 @@ { id: 6, name: 'Van Ng', age: '37', col: 'green', dob: '06/15/1982', rating: 4, passed: true },

];
// Editable Example:
var colorOptions = (_a = {}, _a[''] = '', _a.red = 'red', _a.green = 'green', _a.yellow = 'yellow', _a);
var editableColumns = [
{ title: 'Name', field: 'name', width: 150, editor: 'input', headerFilter: 'input' },
{ title: 'Age', field: 'age', align: 'left', formatter: 'progress', editor: 'progress' },
{ title: 'Favourite Color', field: 'col', editor: 'input' },
{
title: 'Favourite Color',
field: 'col',
editor: 'select',
editorParams: colorOptions,
headerFilter: true,
headerFilterParams: colorOptions
},
{ title: 'Date Of Birth', field: 'dob', align: 'center', editor: 'input' },

@@ -43,0 +53,0 @@ { title: 'Rating', field: 'rating', align: 'center', formatter: 'star', editor: true },

{
"name": "react-tabulator",
"version": "0.5.0",
"version": "0.5.5",
"description": "React Tabulator component",

@@ -15,3 +15,3 @@ "main": "lib/index.js",

"build": "npm run clean && tsc --outDir ./lib --jsx react ./src/index.tsx && npm run postbuild",
"postbuild": "cp ./src/styles.css ./lib/",
"postbuild": "cp ./src/styles.css ./lib/ && cp -R ./src/css ./lib",
"clean": "nwb clean-module && nwb clean-demo",

@@ -18,0 +18,0 @@ "prepublishOnly": "npm run build",

@@ -15,2 +15,3 @@ # react-tabulator

- React 16.5.x
- For React 15.x - use [this branch](https://github.com/ngduc/react-tabulator/tree/use-react-15)
- Typescript 3.x

@@ -25,3 +26,3 @@ - Tslint

import 'react-tabulator/lib/styles.css';
import 'react-tabulator/lib/styles.css'; // default theme
import { ReactTabulator } from 'react-tabulator';

@@ -34,2 +35,8 @@

```
For React 15.x, install it using this branch:
$ npm install git://github.com/ngduc/react-tabulator.git#use-react-15 --save
```
### 🔧 Commands

@@ -36,0 +43,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc