Skip to content

Implement stateful layer #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Parent: disable search
merged 2 commits into from
Sep 3, 2017
Merged

Implement stateful layer #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1092a02
implement an internal stateful layer for data change(update/insert/de…
AllenFang Sep 3, 2017
7aee8a5
BootstrapTable -> BootstrapTableful
AllenFang Sep 3, 2017
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/basic/borderless-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -31,7 +31,7 @@ const columns = [{
}];

const sourceCode = `\
<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand All @@ -41,7 +41,7 @@ const sourceCode = `\

export default () => (
<div>
<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand Down
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/basic/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -42,12 +42,12 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
8 changes: 4 additions & 4 deletions packages/react-bootstrap-table2-example/examples/basic/no-data-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const columns = [{
Expand All @@ -15,20 +15,20 @@ const columns = [{
}];

const sourceCode = `\
<BootstrapTable keyField='id' data={ [] } columns={ columns } noDataIndication="Table is Empty" />
<BootstrapTableful keyField='id' data={ [] } columns={ columns } noDataIndication="Table is Empty" />

// Following is more customizable example

function indication() {
// return something here
}

<BootstrapTable keyField='id' data={ [] } columns={ columns } noDataIndication={ indication } />
<BootstrapTableful keyField='id' data={ [] } columns={ columns } noDataIndication={ indication } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ [] } columns={ columns } noDataIndication="Table is Empty" />
<BootstrapTableful keyField="id" data={ [] } columns={ columns } noDataIndication="Table is Empty" />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/basic/striped-hover-condensed-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -31,7 +31,7 @@ const columns = [{
}];

const sourceCode = `\
<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand All @@ -43,7 +43,7 @@ const sourceCode = `\

export default () => (
<div>
<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand Down
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-align-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -53,12 +53,12 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-class-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -53,12 +53,12 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-event-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
/* eslint no-alert: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -50,13 +50,13 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<h3>Try to Click on Product ID columns</h3>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-format-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -67,7 +67,7 @@ const columns = [
formatter: priceFormatter
}];

<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand All @@ -76,7 +76,7 @@ const columns = [

export default () => (
<div>
<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand Down
6 changes: 3 additions & 3 deletions ...es/react-bootstrap-table2-example/examples/columns/column-format-with-extra-data-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-console: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -60,7 +60,7 @@ const columns = [
down: 'glyphicon glyphicon-chevron-down'
}];

<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand All @@ -69,7 +69,7 @@ const columns = [

export default () => (
<div>
<BootstrapTable
<BootstrapTableful
keyField="id"
data={ products }
columns={ columns }
Expand Down
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-hidden-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -41,12 +41,12 @@ const columns = [{
// omit...
];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-style-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -71,12 +71,12 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/column-title-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -47,12 +47,12 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/columns/nested-data-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -58,12 +58,12 @@ const columns = [{
text: 'PostCode'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/header-columns/column-align-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -47,12 +47,12 @@ const columns = [{
text: 'Product Price'
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
6 changes: 3 additions & 3 deletions packages/react-bootstrap-table2-example/examples/header-columns/column-class-table.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';

import { BootstrapTable } from 'react-bootstrap-table2';
import { BootstrapTableful } from 'react-bootstrap-table2';
import Code from 'common/codeBlock';

const products = [];
Expand Down Expand Up @@ -53,12 +53,12 @@ const columns = [{
}
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } />
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
`;

export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
Loading