Giter Club home page Giter Club logo

reactable's Introduction

Front-End engineer

  • ๐Ÿ”ญ Working for OpenClassrooms
  • ๐ŸŒฑ Learning everything I can

Expertise

spring

react

aws

nodejs

medium

android

reactable's People

Contributors

codbear avatar

Stargazers

 avatar

Watchers

 avatar  avatar

reactable's Issues

Warning since update

I'm getting this trace:

react.development.js?1b7e:220 Warning: Failed prop type: Table: prop type `isThemeDisabled` is invalid; it must be a function, usually from the `prop-types` package, but received `undefined`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.

My component looks like so:

...
    return (
        <Table
            columns={columns}
            data={rows}
            hasSearchBar
            onChangeItemsPerPage={function noRefCheck() { }}
            variant="filled"
            isThemeDisabled={true}
        //      itemsPerPage={itemsPerPage}
        //    itemsPerPageOptions={[
        //      5,
        //      10,
        //      25,
        //      50,
        //      100
        //    ]}
        />
    )

The table works fine nonetheless but it would be nice if the warning didn't appear. Is there something I gotta do to make it go away?

Custom theming

I read the pointers on the readme about adding custom theming. But all it says is to use the useTable. I don't really know what I'm supposed to do based on that.

I did look at the source code linked in that section too, but didn't gather anything useful out of it for me.

Could you outline the steps to take so you could override the styling and, e.g., change the filling color to your liking or maybe even supply a theme.

If it was possible to somehow deactivate the styling in total this would solve this issue really well, as I already have custom styling in place for tables and I would imagine a lot of other users have a similar setup.

Again though, awesome stuff! This lib really hits the balance between having a simple API and offering enough extra stuff like the global search (which I โ™ฅ)

Text alignment per column

Is it possible to set text alignment by column? e.g., col 1 is aligned to the center, the rest is not.

Support parsing standard HTML syntax inside rows.

I tried having a row like this some text <br /> some more text which is a common way for marking up a list of items inside a table.
However, reactable seems to not parse HTML content as such when put in the rows.

Is there a workaround in the meantime?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.