vhad/react-bootstrap-table2
1
0
Fork 0
mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2025-10-16 11:55:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

patch row event example

Browse Source
This commit is contained in:
AllenFang 2018-08-15 22:51:59 +08:00
parent bd410e7303
commit 41cc6b01af
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/react-bootstrap-table2-example/examples/rows/row-event.js vendored
View File

@ -1,5 +1,5 @@
/* eslint no-unused-vars: 0 */
/* eslint no-alert: 0 */
/* eslint no-console: 0 */
import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next';
@ -21,7 +21,10 @@ const columns = [{
const rowEvents = {
onClick: (e, row, rowIndex) => {
alert(`clicked on row with index: ${rowIndex}`);
console.log(`clicked on row with index: ${rowIndex}`);
},
onMouseEnter: (e, row, rowIndex) => {
console.log(`enter on row with index: ${rowIndex}`);
}
};
@ -41,7 +44,10 @@ const columns = [{
const rowEvents = {
onClick: (e, row, rowIndex) => {
alert(\`clicked on row with index: \${rowIndex}\`);
console.log(\`clicked on row with index: \${rowIndex}\`);
},
onMouseEnter: (e, row, rowIndex) => {
console.log(\`enter on row with index: \${rowIndex}\`);
}
};
@ -50,7 +56,7 @@ const rowEvents = {
export default () => (
<div>
<h3>Try to click on any rows</h3>
<h3>Try to click or hover on any rows</h3>
<BootstrapTable keyField="id" data={ products } columns={ columns } rowEvents={ rowEvents } />
<Code>{ sourceCode }</Code>
</div>