Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
    Nevermind solved it.
    Frank Calise
    Has anyone applied a column filter programmatically from an outside component, and hidden the one displayed inside the actual table column header?
    Frank Calise
    I did this by using className on TableHeaderColumn and then styling the class with display: none with a rule for finding the specific filter input
    Hi all! I just started using this library, so please excuse this super basic question. Is there any way to make the table column widths adjustable? As in, a user can drag on a column border to change its width.
    can we link a row to a website?
    Can someone explain what Remote does exactly?
    If I want to show the user an audit log of the entire system, a few hundred thousand, maybe million, records. I obviously am getting Out of Memory Exceptions, could I use Remote to fix that?
    Hi, anyone used to implement custom-filter on more than one columns?
    I try to use on 10 columns and i get some unexpected behavior callback function
    it always return value from first column which i clicked on callback function instead of value from each column

    hey guys I'm trying to create a custom SearchField, but my code keeps failing in this block:

                     if (this.props.searchField) {
                    searchField = this.props.searchField({
                    search: this.handleKeyUp,
                    defaultValue: this.props.defaultSearch,
                    placeholder: this.props.searchPlaceholder
                  if (searchField.type.name === _SearchField2.default.name) {
                    searchField = _react2.default.cloneElement(searchField, {
                      ref: 'seachInput',
                      onKeyUp: this.handleKeyUp
                  } else {
                    searchField = _react2.default.cloneElement(searchField, {
                      ref: 'seachInput'
                } else {
                  searchField = _react2.default.createElement(_SearchField2.default, { ref: 'seachInput',
                    defaultValue: this.props.defaultSearch,
                    placeholder: this.props.searchPlaceholder,
                    onKeyUp: this.handleKeyUp });

    particularly on the line searchField.type.name === _SearchField2.default.name because the type is undefined for my custom component .. I have no idea where this type is being populated from

    when I implement my own custom component and feed it through the options like so:

        const options = {
          searchField: props => (<CustomListSearchBar {...props} />),

    it completely fails

    but when I use the built-in SearchField here it picks up a type!
    the crazy thing is I copied and pasted the code from the SearchField implementation into my CustomListSearchBar and that doesn't work either
    what dark sourcery is going on here?
    I feel like I must be missing something obvious because I couldn't find any open issues about this
    Also I was able to reproduce this behavior in the latest version as well as the latest 3.x version
    @gcoluni any luck getting that custom search field to work?
    @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 :-(