Моя таблица не использует стили из bootstrap.css
. Импорт в мой контейнер выглядит следующим образом:
import React, { Component } from "react";
import "../styles/Projects.css";
import axios from "axios";
import { Button } from "react-bootstrap";
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
import 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';
import BootstrapTable from 'react-bootstrap-table-next';
import paginationFactory from 'react-bootstrap-table2-paginator';
export default class Projects extends Component {
constructor(props) {
super(props);
И приведенный ниже код рендеринга таблицы выглядит следующим образом:
return (
<div style={projectStyle}>
<BootstrapTable
selectRow={selectRow}
keyField='id'
data={this.state.projectList}
columns={columns}
pagination={paginationFactory(paginationOptions)}
/>
</div>
)
Я не знаю, должен ли я был добавить импорт в другом месте, например, в App.js, так как я впервые использую реагирование.
Это выглядит так https://i.imgur.com/rwX1nRd.png и я хочу применить стили, чтобы они выглядели как минимум наполовину прилично.