Не получилось создать таблицу?

Question

[Wood Walker]

Пытался средствами библиотеки react-bootstrap-table создать таблицу. Но получилос следующее

Код компоненты

import React, { Component } from 'react';
import './App.css';
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
let products = [{
    id: 1,
    name: "Product1",
    price: 120
}, {
    id: 2,
    name: "Product2",
    price: 80
}];

class Table extends Component {
    render() {
        return (
            <BootstrapTable data={ products } borderd = {true}>
                <TableHeaderColumn dataField='id' isKey>Product ID</TableHeaderColumn>
                <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
                <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
            </BootstrapTable>
        );
    }
}

export default Table;

Посоветовали мне импортировать стили. Я сделал так, импортировал к компоненте.

import '../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css';

Но получилось так

Answer 1

[Wood Walker]

Вообщем решилось все импортированием стилей bootstrap.min.css, и react-bootstrap-table-all.min.css

Comments

[Максим]

Виталий Семенов можно и решением отметить, однако.

Answer 2

[Максим]

В документации вижу, что нужно еще css подключить.

<link rel="stylesheet" href="./dist/react-bootstrap-table.min.css">