AllenFang/react-bootstrap-table

It's a react table for bootstrap

Alexei

@php7alexei

Can i use it with meteor?

Tien Yuan

@tienyuan_twitter

yes you can use this with meteor, i am doing it now

Hello, does anyone know how to add a conditional highlight? Example, if I have a table with values of 1-5, I want to highlight the rows where the value is greater than 3.

Tien Yuan

@tienyuan_twitter

Highlight either the cell or row actually, both would work

Chris Ho

@tridungbk2010

hi all

i’m using react-bootstrap-table v3.2 and got an UI error:

regarding aligment between header and body column

they are not align with each other

anyone can help me ?

Chris Ho

@tridungbk2010

@AllenFang ?

Fernando Giarritiello

@fgiarritiello

@tridungbk2010 have you tried adding the css?

Chris Ho

@tridungbk2010

yes i have

import {BootstrapTable, TableHeaderColumn} from "react-bootstrap-table";
import 'react-bootstrap-table/dist/react-bootstrap-table-all.min.css';

Chris Ho

@tridungbk2010

@fgiarritiello is this ok

Fernando Giarritiello

@fgiarritiello

@tridungbk2010 looks good to me

where do you have that line?

Chris Ho

@tridungbk2010

at the top of my component that contain React-bootstrap-table @fgiarritiello

Chris Ho

@tridungbk2010

hi there,does anyone else face with this problem?

Ivan Candela

@ivcandela

Hi everyone

does anybody know how the gulp "prod" task is called on npm install? i forked the repo but i could not get the lib/ folder file to generate

Ivan Candela

@ivcandela

it is not an npm postinstall script

Brian Bleakley

@bleakley

Hi everyone, I made some changes to my own fork and I'm trying to install it with npm install bleakley/react-bootstrap-table --save but it isn't recognized properly when running the app

what do I need to do to populate the dist folder with the new files and make it ready to be used as a dependency?

Peter Hadlaw

@peterhadlaw

Hello all, is there a way to access the column when a particular cell is highlighted?

gcoluni

@gcoluni

I saw that there was a previous bug, but I cannot seem to get a custom searchField to appear instead of the default.

DARKUNIT22

@DARKUNIT22

Hi all! When I add the exportCSV prop to the table I get an error Cannot read property 'isKey' of undefined but without exportCSV the table is rendered without any problems. Any idea what may cause this?

DARKUNIT22

@DARKUNIT22

Nevermind solved it.

Frank Calise

@frankcalise

Has anyone applied a column filter programmatically from an outside component, and hidden the one displayed inside the actual table column header?

Frank Calise

@frankcalise

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

Legeng

@legengliu

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.

Thanks!

zillerium

@zillerium

can we link a row to a website?

shogan94

@shogan94

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?

CEmocca

@CEmocca

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

CEmocca

@CEmocca

it always return value from first column which i clicked on callback function instead of value from each column

Jordan

@jpollard-cs

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

Jordan

@jpollard-cs

Also I was able to reproduce this behavior in the latest version as well as the latest 3.x version

Jordan

@jpollard-cs

@gcoluni any luck getting that custom search field to work?

Jordan

@jpollard-cs

@AllenFang is this something I should open an issue for?

v1pothapu

@v1pothapu

@AllenFang : How to get the selected rows data on a custom button click?

Anton O.

@mavarazy

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.

@mavarazy

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);
     }
   }

Where communities thrive

People

Repo info

Activity