trysound / datagrid Goto Github PK

In test.setup.js

/* eslint-env node */
require('source-map-support');

• rows index virtualization
• column resizing
• column rearranging
• column pinning (left/right)
• rows filtering
• rows sorting
• row selection navigation
• cell selection navigation

code

export const bootstrap = element => props =>
    Inferno.render(createElement(Grid, props), element);

example

import { bootstrap } from 'inferno-datagrid';

const updateGrid = bootstrap(document.querySelector('#grid'));

function subcribe(state) {
  updateGrid(state);
}

...

http://codepen.io/TrySound/pen/aJvpQw

Do not call toLowerCase if value is not a string.

There's nice jest.fn() stuff which can simplify arguments/results tracking.

Add findRow(selected, datum, index) => true | false option
And rename selectedIndex to selected

Call toLowerCase on filters too and improve performance by comparing strings before indexOf.
https://github.com/TrySound/inferno-datagrid/blob/master/src/utils/transform.js

/cc @friedbizkvit

It should be 0 by default to prevent crashing on substracting.

Just add e.preventDefault here
https://github.com/TrySound/inferno-datagrid/blob/master/src/hoc/draggable.js#L17
In this case maybe user-select: none is not necessary.

Somthing like this looks a bit better

withDraggable((props, action) => {}, options)

This let's to split render reaction of columns and rows

gridState: {
  columns: [
    {
      name: string,
      width: number
    },
    ...
  ],
  headerColumnsState: {
    resizing: true | false,
    moving: true | false,
    name: string | null,
    left: string | null,
    right: string | null,
    position: number | null
  },
  rowsState: {
    selection: number[]
  }
}

const HeaderColumn = ({ column, headerColumnsState, callback, ... }) => (
  <div></div>
);

const Row = ({ columns, rowsState, callback, ... }) => (
  <div></div>
);

/cc @friedbizkvit @wowDaiver

scrollTop should be 0 by default
Maybe data calculating by pager props

pinnedLeft and pinnedRight reorders columns in interceptor component and places with corresponding left and right. Scroll processes with position: sticky.

https://trysound.github.io/inferno-datagrid/#/pinned-columns

Just to be flexible :)

By default there's only props and messages up which should transform and add change those props.
This decorator will contain:

• reducer
• change callback function by passing previous state

Смогу объяснить только на русском ))
При драге колонок, надо не менять местами, а вставлять между. А еще показывать куда вставится колонка.
Например как в phpMyAdmin