Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit ae5c677

Browse files
Implement stateful layer (#48)
* implement an internal stateful layer for data change(update/insert/delete) * BootstrapTable -> BootstrapTableful
1 parent 82b8275 commit ae5c677

24 files changed

+95
-64
lines changed

‎packages/react-bootstrap-table2-example/examples/basic/borderless-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22

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

66
const products = [];
@@ -31,7 +31,7 @@ const columns = [{
3131
}];
3232

3333
const sourceCode = `\
34-
<BootstrapTable
34+
<BootstrapTableful
3535
keyField="id"
3636
data={ products }
3737
columns={ columns }
@@ -41,7 +41,7 @@ const sourceCode = `\
4141

4242
export default () => (
4343
<div>
44-
<BootstrapTable
44+
<BootstrapTableful
4545
keyField="id"
4646
data={ products }
4747
columns={ columns }

‎packages/react-bootstrap-table2-example/examples/basic/index.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22

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

66
const products = [];
@@ -42,12 +42,12 @@ const columns = [{
4242
text: 'Product Price'
4343
}];
4444
45-
<BootstrapTable keyField='id' data={ products } columns={ columns } />
45+
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
4646
`;
4747

4848
export default () => (
4949
<div>
50-
<BootstrapTable keyField="id" data={ products } columns={ columns } />
50+
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
5151
<Code>{ sourceCode }</Code>
5252
</div>
5353
);

‎packages/react-bootstrap-table2-example/examples/basic/no-data-table.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22

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

66
const columns = [{
@@ -15,20 +15,20 @@ const columns = [{
1515
}];
1616

1717
const sourceCode = `\
18-
<BootstrapTable keyField='id' data={ [] } columns={ columns } noDataIndication="Table is Empty" />
18+
<BootstrapTableful keyField='id' data={ [] } columns={ columns } noDataIndication="Table is Empty" />
1919
2020
// Following is more customizable example
2121
2222
function indication() {
2323
// return something here
2424
}
2525
26-
<BootstrapTable keyField='id' data={ [] } columns={ columns } noDataIndication={ indication } />
26+
<BootstrapTableful keyField='id' data={ [] } columns={ columns } noDataIndication={ indication } />
2727
`;
2828

2929
export default () => (
3030
<div>
31-
<BootstrapTable keyField="id" data={ [] } columns={ columns } noDataIndication="Table is Empty" />
31+
<BootstrapTableful keyField="id" data={ [] } columns={ columns } noDataIndication="Table is Empty" />
3232
<Code>{ sourceCode }</Code>
3333
</div>
3434
);

‎packages/react-bootstrap-table2-example/examples/basic/striped-hover-condensed-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22

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

66
const products = [];
@@ -31,7 +31,7 @@ const columns = [{
3131
}];
3232

3333
const sourceCode = `\
34-
<BootstrapTable
34+
<BootstrapTableful
3535
keyField="id"
3636
data={ products }
3737
columns={ columns }
@@ -43,7 +43,7 @@ const sourceCode = `\
4343

4444
export default () => (
4545
<div>
46-
<BootstrapTable
46+
<BootstrapTableful
4747
keyField="id"
4848
data={ products }
4949
columns={ columns }

‎packages/react-bootstrap-table2-example/examples/columns/column-align-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* eslint no-unused-vars: 0 */
22
import React from 'react';
33

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

77
const products = [];
@@ -53,12 +53,12 @@ const columns = [{
5353
text: 'Product Price'
5454
}];
5555
56-
<BootstrapTable keyField='id' data={ products } columns={ columns } />
56+
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
5757
`;
5858

5959
export default () => (
6060
<div>
61-
<BootstrapTable keyField="id" data={ products } columns={ columns } />
61+
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
6262
<Code>{ sourceCode }</Code>
6363
</div>
6464
);

‎packages/react-bootstrap-table2-example/examples/columns/column-class-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* eslint no-unused-vars: 0 */
22
import React from 'react';
33

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

77
const products = [];
@@ -53,12 +53,12 @@ const columns = [{
5353
text: 'Product Price'
5454
}];
5555
56-
<BootstrapTable keyField='id' data={ products } columns={ columns } />
56+
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
5757
`;
5858

5959
export default () => (
6060
<div>
61-
<BootstrapTable keyField="id" data={ products } columns={ columns } />
61+
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
6262
<Code>{ sourceCode }</Code>
6363
</div>
6464
);

‎packages/react-bootstrap-table2-example/examples/columns/column-event-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
/* eslint no-alert: 0 */
33
import React from 'react';
44

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

88
const products = [];
@@ -50,13 +50,13 @@ const columns = [{
5050
text: 'Product Price'
5151
}];
5252
53-
<BootstrapTable keyField='id' data={ products } columns={ columns } />
53+
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
5454
`;
5555

5656
export default () => (
5757
<div>
5858
<h3>Try to Click on Product ID columns</h3>
59-
<BootstrapTable keyField="id" data={ products } columns={ columns } />
59+
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
6060
<Code>{ sourceCode }</Code>
6161
</div>
6262
);

‎packages/react-bootstrap-table2-example/examples/columns/column-format-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22

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

66
const products = [];
@@ -67,7 +67,7 @@ const columns = [
6767
formatter: priceFormatter
6868
}];
6969
70-
<BootstrapTable
70+
<BootstrapTableful
7171
keyField="id"
7272
data={ products }
7373
columns={ columns }
@@ -76,7 +76,7 @@ const columns = [
7676

7777
export default () => (
7878
<div>
79-
<BootstrapTable
79+
<BootstrapTableful
8080
keyField="id"
8181
data={ products }
8282
columns={ columns }

‎packages/react-bootstrap-table2-example/examples/columns/column-format-with-extra-data-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* eslint no-console: 0 */
22
import React from 'react';
33

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

77
const products = [];
@@ -60,7 +60,7 @@ const columns = [
6060
down: 'glyphicon glyphicon-chevron-down'
6161
}];
6262
63-
<BootstrapTable
63+
<BootstrapTableful
6464
keyField="id"
6565
data={ products }
6666
columns={ columns }
@@ -69,7 +69,7 @@ const columns = [
6969

7070
export default () => (
7171
<div>
72-
<BootstrapTable
72+
<BootstrapTableful
7373
keyField="id"
7474
data={ products }
7575
columns={ columns }

‎packages/react-bootstrap-table2-example/examples/columns/column-hidden-table.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* eslint no-unused-vars: 0 */
22
import React from 'react';
33

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

77
const products = [];
@@ -41,12 +41,12 @@ const columns = [{
4141
// omit...
4242
];
4343
44-
<BootstrapTable keyField='id' data={ products } columns={ columns } />
44+
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
4545
`;
4646

4747
export default () => (
4848
<div>
49-
<BootstrapTable keyField="id" data={ products } columns={ columns } />
49+
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
5050
<Code>{ sourceCode }</Code>
5151
</div>
5252
);

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /