Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
    @AllenFang is this something I should open an issue for?
    @AllenFang : How to get the selected rows data on a custom button click?
    Anton O.
    Hey, I have a Huston :smile:
    I have a table, to which I need to add an empty row on a button click.
    After adding row I need to focus on the first column of the freshly added row,
    How can I do this, without doing to much of black magic?
    Anton O.
    The black magic, I've used is following
     componentWillReceiveProps(nextProps) {
         let { uiSchema: { table: { focusOnAdd } } } = nextProps;
         this.adding = focusOnAdd && nextProps.formData && this.props.formData &&      nextProps.formData.length > this.props.formData.length
       componentDidUpdate() {
         if (this.adding) {
           let { table: { refs: { body } } } = this.refs;
           body.handleEditCell(this.props.formData.length, 1);

    Hi folks,

    I am trying to do something weird which probably isn't good :P

    My data has a field called "name" I have a column for it and all works great.
    Now I have another column, let's call last name, which is basically the last part of the name.

    I have datafield=Name in this other column and a columnformatter and life is good. I can display just the last name.

    Now comes the part that isn't working. I want to be able to search in the last name.

    However because datafield=Name, anytime I change my search in the last name column it's actually changing the filter called "name". Which makes sense but it isn't what I want.

    Any tips?

    but it wasn't pushed
    I believe I will simply change the data in JS before hitting the table or in the backend.
    I read a little bit about the extraFormatField hack or something like that but couldn't grasp it completely.
    Also, has anyone done resizable columns?
    Brian Bleakley
    Does anyone know how to change the timezone for the column date filter?
    The filter date differs from the display date (which uses local time) so it is very confusing.
    tried react-resizable
    and jquery-ui
    no juice in making those columns resizable
    or I am doing something very wrong :{
    This message was deleted
    Is the exportCSV feature broken in 4.3? The porps are not defined as soon as I add it.
    Ganesh Arulanantham
    @AllenFang or others. What was the biggest motivation to rewrite this component in react-bootstrap-table2. I am confused which one to choose right now to start? Since no enhancement will be done, will react-bootstrap-table support migration ? or backward compatibiliy?
    Eyal Appelberg
    @AllenFang What is the purpose of the colgroups? It seems that when I remove them the table is responsive and the columns don't disappear in width like they do when colgroups are there
    Bill Martin
    @AllenFang I would like to help out with react-bootstrap-table/react-bootstrap-table2 specifically adding an import button and i'm not sure where to start
    Is resizable columns feature developed?
    Pablo Morales B
    Hello @AllenFang I need create a input custom search but in other section, I need that seach were independent. How i do it?
    Hello there, I've got an issue : I don't know why the table is showing an empty last 8th column.
    My "columns" props array only has 7 elements. Has anyone ever experienced this ?
    Hi. I've a react component class, EditTable to show an editable table(using BootstrapTable) and save button. In the cellEditProp for BootstrapTable , I pass in this.cellEditProp. Inside cellEditProp, which is a function inside EditTable , I set afterSaveCell: this.afterSaveCell. In the method, afterSaveCell, I want to access the state of EditTable React Component, so that I can enable the save button. However when I try to access 'this', it is undefined. Could any one tell how to get the 'this' object inside afterSaveCell?
    I found the answer to my question.. It turns out that you need to bind event with this. Code - afterSaveCell: this.afterSaveCell.bind(this),
    @AllenFang or others. is it possible to add a column width resizing control on read-bootstrap-table?
    Tony Hudson
    Hi guys can someone help me out I still cant find root cause
    Hi, I have a custom header component which has two span in it mainly to apply specific style to parts of the header text. When I apply filter on this column, the column disappears.. Any idea how to fix this?
    Hi can any one help me if react-bootstrap-table code will support the react 16 vresion
    Hey guys i need sme help, its quite urgent :-(
    M trying to access table data through this.refs.table.state.data
    It is throwing error state element does not exist on react instanc e?
    M new to reactjs ,please help
    Hussein Zaki
    hi @all
    i need to help
    i am trying to do table
    when i am starting do sort column there something is happen
    i am talking about that
    Custom Sort with Extra Data
    Hussein Zaki
    Hussein Zaki
    Krishal Shah
    Hello everyone!
    I got this error of sortFunc() when using the react-bootstrap-table and then I used replace={true} as a prop in the BootstrapTable component.
    Reference: AllenFang/react-bootstrap-table#1418
    Knowledge Transfer: I have attached an icon for the profile picture as a separate column in the table and on it's onClick event, I show a modal to display some information related to the specific row.
    Problem: After I click on the icon, the modal shows up. But, the table resets itself and the pagination is gone. It works fine when I remove replace={true} or give it false.
    Can anyone help me find the root cause of this behavior? It would be a lot of help. Thanks.
    Nice to meet you.
    I'm trying to resize react-bootstrap-table column width.
    but I can't find any solutions.:(
    it's very blocker for me.i can't work for a week.
    please help me.
    P/s. I'm going to do this without using jquery .only react,react-boostrap-table
    Hi everyone I need to load the array of strings which I got from DB to SelectFilterOptionsType as object please help me it's throwing the error expected object but supplied array please help me. Thanks Mahendran
    Billy Michael

    Hey, i am using ToolkitProvider with custom filters. When updating the redux state (dataInfo) for the data in the table it breaks the filters.

                props => (

    Once i have update dataInfo my filters start returning:

    categoriesFilter is not a function

    My table also does not update the the state of dataInfo changes. What am i doing wrong?
    Rachel Ombok
    Hey, when I try to import 'node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css'; into my project after installing react-bootstrap-table, it says it cant resolve it/doesnt exist, does anyone have a fix for this