Git Product home page Git Product logo

Comments (2)

mckervinc avatar mckervinc commented on May 28, 2024

@MikeWarren2014 thanks for letting me know!

So the first thing I noticed was that there were some other unrelated errors in the CodeSandbox in Table.js. here's the updated version:

import React from "react";
import { Table } from "react-fluid-table";

const data = [{ id: 1, firstName: "Mike", lastName: "Warren", email: "Test" }];

const columns = [
  { key: "id", header: "ID" },
  { key: "firstName", header: "First" },
  { key: "lastName", header: "Last" },
  { key: "email", header: "Email" }
];

export const Example = () => (
  <Table className="table" data={data} columns={columns} tableHeight={400} />
);

The import was missing curly braces, and I changed employee to be a basic JS object.

And the way tableHeight currently works is a little tricky. It's not required if the component that wraps the table has a set height. So for example, it wouldn't be required in this case:

<div style={{height: "400px"}}>
 <Table {...props} />
</div>

It's something that I am actively trying to solve, and I'll try and get a fix out for that in my next update

from react-fluid-table.

mckervinc avatar mckervinc commented on May 28, 2024

@MikeWarren2014 this should be fixed in version 0.3.2. The height should work as expected (you don't need to specify a height on the parent or on the component if you don't want to).

See the updated documentation

from react-fluid-table.

Related Issues (16)

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.