vhad/react-bootstrap-table2
1
0
Fork 0
mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2026-08-12 12:00:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix #56

Browse Source 
* redefine cell callback function

* it takes 4 argus `content`, `row`, `rowIndex` and `columnIndex` in
* sequence.

* [test] fix unit test for new callback

* correct the version of story for new cell callback

* [DOC] re-define structure of Contents of Table

* [DOC] update document for attrs

* re-write description for each column props

* [DOC] update document for headerCell

* re-write and add extra description for each header column props
This commit is contained in:
ChunMing, Chen
2017-09-16 00:03:07 -05:00
committed by Allen
parent 79fb2523d4
commit ec1a927001
8 changed files with 258 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-bootstrap-table2-example/examples/columns/column-align-table.js
Vendored
+4 -4
View File
@@ -14,8 +14,8 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
align: (cell, row, colIndex) => {
if (row.id % 2 === 0) return 'right';
align: (cell, row, rowIndex, colIndex) => {
if (rowIndex % 2 === 0) return 'right';
return 'left';
}
}, {
@@ -31,8 +31,8 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
align: (cell, row, colIndex) => {
if (row.id % 2 === 0) return 'right';
align: (cell, row, rowIndex, colIndex) => {
if (rowIndex % 2 === 0) return 'right';
return 'left';
}
}, {
packages/react-bootstrap-table2-example/examples/columns/column-attrs-table.js
Vendored
+2 -2
View File
@@ -14,7 +14,7 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
attrs: (cell, row, colIndex) => ({ 'data-test': `customized data ${colIndex}` })
attrs: (cell, row, rowIndex, colIndex) => ({ 'data-test': `customized data ${rowIndex}` })
}, {
dataField: 'price',
text: 'Product Price'
@@ -28,7 +28,7 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
attrs: (cell, row, colIndex) => ({ 'data-test': \`customized data \${colIndex}\` })
attrs: (cell, row, rowIndex, colIndex) => ({ 'data-test': \`customized data \${rowIndex}\` })
}, {
dataField: 'price',
text: 'Product Price'
packages/react-bootstrap-table2-example/examples/columns/column-class-table.js
Vendored
+4 -4
View File
@@ -14,8 +14,8 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
classes: (cell, row, colIndex) => {
if (row.id % 2 === 0) return 'demo-row-even';
classes: (cell, row, rowIndex, colIndex) => {
if (rowIndex % 2 === 0) return 'demo-row-even';
return 'demo-row-odd';
}
}, {
@@ -31,8 +31,8 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
classes: (cell, row, colIndex) => {
if (row.id % 2 === 0) return 'demo-row-even';
classes: (cell, row, rowIndex, colIndex) => {
if (rowIndex % 2 === 0) return 'demo-row-even';
return 'demo-row-odd';
}
}, {
packages/react-bootstrap-table2-example/examples/columns/column-style-table.js
Vendored
+4 -4
View File
@@ -17,8 +17,8 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
style: (cell, row, colIndex) => {
if (row.id % 2 === 0) {
style: (cell, row, rowIndex, colIndex) => {
if (rowIndex % 2 === 0) {
return {
backgroundColor: '#81c784'
};
@@ -43,8 +43,8 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
style: (cell, row, colIndex) => {
if (row.id % 2 === 0) {
style: (cell, row, rowIndex, colIndex) => {
if (rowIndex % 2 === 0) {
return {
backgroundColor: '#81c784'
};
packages/react-bootstrap-table2-example/examples/columns/column-title-table.js
Vendored
+2 -2
View File
@@ -14,7 +14,7 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
title: (cell, row, colIndex) => `this is custom title for ${cell}`
title: (cell, row, rowIndex, colIndex) => `this is custom title for ${cell}`
}, {
dataField: 'price',
text: 'Product Price'
@@ -28,7 +28,7 @@ const columns = [{
}, {
dataField: 'name',
text: 'Product Name',
title: (cell, row, colIndex) => \`this is custom title for \${cell}\`
title: (cell, row, rowIndex, colIndex) => \`this is custom title for \${cell}\`
}, {
dataField: 'price',
text: 'Product Price'