React-bootstrap-table2: Style is not working

Created on 11 Nov 2018 · 4Comments · Source: react-bootstrap-table/react-bootstrap-table2

Hi,

My table doesn't get any style.

import BootstrapTable from 'react-bootstrap-table-next';
import ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';
import paginationFactory from 'react-bootstrap-table2-paginator';

const { SearchBar } = Search;

keyField="txNref"
data={ products }
columns={ columns }
search
bootstrap4
striped
hover
condensed
bordered
>
{
props => (

Filtro

    pagination={ paginationFactory() }
      { ...props.baseProps }
    />
  </div>
)

}

Source

QuattroEngenharia

👍1

Most helpful comment

I solve this issue importing bootstrap on index.html file

link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

QuattroEngenharia on 12 Nov 2018

👍2 👎1

All 4 comments

I'm experiencing the same issue.

zaweb on 12 Nov 2018

I solve this issue importing bootstrap on index.html file

QuattroEngenharia on 12 Nov 2018

👍2 👎1

Thank you! That worked.

On Mon, Nov 12, 2018 at 4:49 PM QuattroEngenharia notifications@github.com
wrote:

I solve this issue importing bootstrap on index.html file

link rel="stylesheet" href="
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/react-bootstrap-table/react-bootstrap-table2/issues/663#issuecomment-438040392,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA7LL6K36ByUqAukumem8HljriAwD7NGks5uuezugaJpZM4YYua2
.