mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
ae43db1d4e
As shown in the [docs](http://allenfang.github.io/react-bootstrap-table/docs.html) ``` ignoreSinglePage : Bool Enable to ignore the pagination if only one page, default is false. ```
31 lines
1007 B
TypeScript
31 lines
1007 B
TypeScript
/// <reference path="react-bootstrap-table.d.ts"/>
|
|
/// <reference path="../react/react-dom.d.ts"/>
|
|
|
|
import * as React from 'react';
|
|
import { render } from 'react-dom';
|
|
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
|
|
|
|
var products = [{
|
|
id: 1,
|
|
name: "Item name 1",
|
|
price: 100
|
|
}, {
|
|
id: 2,
|
|
name: "Item name 2",
|
|
price: 100
|
|
}];
|
|
|
|
// It's a data format example.
|
|
function priceFormatter(cell: any, row: any) {
|
|
return '<i class="glyphicon glyphicon-usd"></i> ' + cell;
|
|
}
|
|
|
|
render(
|
|
<BootstrapTable data={products} striped={true} hover={true} ignoreSinglePage>
|
|
<TableHeaderColumn dataField="id" isKey={true} dataAlign="center" dataSort={true}>Product ID</TableHeaderColumn>
|
|
<TableHeaderColumn dataField="name" dataSort={true} editable={{ type: 'textarea', rows: 10 }}>Product Name</TableHeaderColumn>
|
|
<TableHeaderColumn dataField="price" dataFormat={priceFormatter}>Product Price</TableHeaderColumn>
|
|
</BootstrapTable>,
|
|
document.getElementById("app")
|
|
);
|