@nixtus/react-flextable
React based 'table' component that uses FlexBox for responsive design. Also contains a 'Expand' FlexItem allowing users to put components in an expandable area
Last updated 7 months ago by andy9man .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @nixtus/react-flextable 
SYNC missed versions from official npm registry.

React Flex Table

Build Stats dependencies Status devDependencies Status License: MIT

Features

  • ES6/ESNext - Write ES6 code and Babel will transpile it to ES5 for backwards compatibility
  • Test - Jest
  • Lint - Preconfigured ESlint with Airbnb config
  • Minify - Built code will be not be minified, this allows for easier testability in your application. Make sure to minify your application for best performance.

Components

  • <FlexTable> - Outer table container
  • <FlexHeader> - Acts like a row but removes row clickable events and adds header styling by default
  • <FlexFooter> - Acts like a row but removes row clickable events
  • <FlexRow> - Table Row container
  • <FlexItem> - Table item container
  • <FlexItemExpand> - Same as 'FlexItem' but is hidden by default until expanded (done so by clicking on any FlexRow item)

Example

<FlexTable>
  <FlexHeader>
    <FlexItem>
      ID
    </FlexItem>
    <FlexItem>
      Company
    </FlexItem>
  </FlexHeader>

  <FlexRow>
    <FlexItem>
      fd3gt-1der
    </FlexItem>
    <FlexItem>
      Nixtus
    </FlexItem>
    <FlexItemExpand>
      <!-- THIS WILL BE HIDDEN BY DEFAULT, THEN EXPANDED VISIBLE WHEN FlexRow IS CLICKED -->
      <h1>Company Details</h1>
    </FlexItemExpand>
  </FlexRow>

  <FlexFooter>
    <FlexItem>
      $copy; Nixtus
    </FlexItem>
  </FlexFooter>
</FlexTable>

License

MIT © Andrew Ninneman

Current Tags

  • 0.1.11                                ...           latest (7 months ago)

16 Versions

  • 0.1.11                                ...           7 months ago
  • 0.1.10                                ...           10 months ago
  • 0.1.9                                ...           10 months ago
  • 0.1.7                                ...           a year ago
  • 0.1.6                                ...           a year ago
  • 0.1.5                                ...           a year ago
  • 0.1.4                                ...           a year ago
  • 0.1.3                                ...           a year ago
  • 0.1.2                                ...           a year ago
  • 0.1.1                                ...           a year ago
  • 0.1.0                                ...           a year ago
  • 0.0.5                                ...           a year ago
  • 0.0.4                                ...           a year ago
  • 0.0.3                                ...           a year ago
  • 0.0.2                                ...           a year ago
  • 0.0.1                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (12)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |