response-bootstrap-table: не может установить глифик на пользовательской кнопке панели инструментов

Я настраиваю панель инструментов таблицы, следуя этому примеру: http://allenfang.github.io/react-bootstrap-table/custom.html

Я вижу свои кнопки, но не значки, которые я установил с помощью btnGlyphicon.

Сгенерированный HTML <i class="fa glyphicon glyphicon-edit"></i> Ожидаются ли оба fa + glyphicon в классе? Я добавил font-awesome в качестве зависимости, но по-прежнему не вижу значок.

Что мне не хватает?

Любая помощь приветствуется

import React from 'react';

import {
 BootstrapTable, TableHeaderColumn, 
 ButtonGroup, Button, InsertButton
} from 'react-bootstrap-table';
import './../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css';
import './../node_modules/bootstrap/dist/css/bootstrap.min.css';


createCustomButtonGroup(props) {
  return (
    <ButtonGroup className='my-custom-class' sizeClass='btn-group-md'>
   { props.exportCSVBtn }
   <InsertButton 
     btnText='Info'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeInfoFilter() }/>
   <InsertButton 
     btnText='Warning'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeWarningFilter() }/>
   <InsertButton
     btnText='Error'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeErrorFilter() }/>
   <InsertButton 
     btnText='Command'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeCommandFilter() }/>
    </ButtonGroup>
  );
 }

1 ответ

Видимо, это известная проблема, глификонов нет в начальной загрузке 4: https://getbootstrap.com/docs/4.0/migration/

Другие вопросы по тегам