1. Advisor
  2. fixed-data-table-2
  3. fixed-data-table-2 code examples
View all fixed-data-table-2 analysis

How to use fixed-data-table-2 - 10 common examples

To help you get started, we’ve selected a few fixed-data-table-2 examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github schrodinger / fixed-data-table-2 / site / home / HeroTable.js View on Github external
"use strict";

var FakeObjectDataListStore = require('../../examples/helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');
var Constants = require('../Constants');

var Table = FixedDataTable.Table;
var Column = FixedDataTable.Column;
var Cell = FixedDataTable.Cell;

// Require common FixedDataTable CSS.
require('fixed-data-table-2/css/layout/ScrollbarLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableCellLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableCellGroupLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableColumnResizerLineLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableRowLayout.css');

require('fixed-data-table-2/css/style/fixedDataTable.css');
require('fixed-data-table-2/css/style/fixedDataTableCell.css');
require('fixed-data-table-2/css/style/fixedDataTableColumnResizerLine.css');
require('fixed-data-table-2/css/style/fixedDataTableRow.css');
require('fixed-data-table-2/css/style/Scrollbar.css');
github schrodinger / fixed-data-table-2 / site / home / HeroTable.js View on Github external
"use strict";

var FakeObjectDataListStore = require('../../examples/helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');
var Constants = require('../Constants');

var Table = FixedDataTable.Table;
var Column = FixedDataTable.Column;
var Cell = FixedDataTable.Cell;

// Require common FixedDataTable CSS.
require('fixed-data-table-2/css/layout/ScrollbarLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableCellLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableCellGroupLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableColumnResizerLineLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableRowLayout.css');

require('fixed-data-table-2/css/style/fixedDataTable.css');
require('fixed-data-table-2/css/style/fixedDataTableCell.css');
require('fixed-data-table-2/css/style/fixedDataTableColumnResizerLine.css');
require('fixed-data-table-2/css/style/fixedDataTableRow.css');
require('fixed-data-table-2/css/style/Scrollbar.css');
github schrodinger / fixed-data-table-2 / site / home / HeroTable.js View on Github external
"use strict";

var FakeObjectDataListStore = require('../../examples/helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');
var Constants = require('../Constants');

var Table = FixedDataTable.Table;
var Column = FixedDataTable.Column;
var Cell = FixedDataTable.Cell;

// Require common FixedDataTable CSS.
require('fixed-data-table-2/css/layout/ScrollbarLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableCellLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableCellGroupLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableColumnResizerLineLayout.css');
require('fixed-data-table-2/css/layout/fixedDataTableRowLayout.css');

require('fixed-data-table-2/css/style/fixedDataTable.css');
require('fixed-data-table-2/css/style/fixedDataTableCell.css');
require('fixed-data-table-2/css/style/fixedDataTableColumnResizerLine.css');
require('fixed-data-table-2/css/style/fixedDataTableRow.css');
require('fixed-data-table-2/css/style/Scrollbar.css');

var dataList = new FakeObjectDataListStore();
github schrodinger / fixed-data-table-2 / examples / old / FilterExample.js View on Github external
/**
 * Copyright Schrodinger, LLC
 */

"use strict";

var ExampleImage = require('../helpers/ExampleImage');
var FakeObjectDataListStore = require('../helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');

var Column = FixedDataTable.Column;
var Table = FixedDataTable.Table;

var ROWS = 1000000;

function renderImage(/*string*/ cellData) {
  return ;
}

var FilterExample = React.createClass({
  getInitialState() {
    return {
      rows : new FakeObjectDataListStore().getAll(),
      filteredRows: null,
      filterBy: null
    };
  },
github schrodinger / fixed-data-table-2 / examples / old / ObjectDataExample.js View on Github external
/**
 * Copyright Schrodinger, LLC
 */

"use strict";

var ExampleImage = require('../helpers/ExampleImage');
var FakeObjectDataListStore = require('../helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');

var Column = FixedDataTable.Column;
var PropTypes = React.PropTypes;
var Table = FixedDataTable.Table;

var ROWS = 1000000;

function renderImage(/*string*/ cellData) {
  return ;
}

function renderLink(/*string*/ cellData) {
  return <a href="#">{cellData}</a>;
}

function renderDate(/*object*/ cellData) {
  return <span>{cellData.toLocaleString()}</span>;
}

var ObjectDataExample = React.createClass({
github OpusCapita / react-grid / lib / cjs / datagrid / responsive-fixed-data-table.component.js View on Github external
_proto.render = function render() {
    var _this$state = this.state,
        gridWidth = _this$state.gridWidth,
        gridHeight = _this$state.gridHeight;
    return _react["default"].createElement("div", {
      className: "oc-datagrid-main-container",
      style: this.getStyle()
    }, _react["default"].createElement(_fixedDataTable.Table, _extends({}, this.props, {
      width: gridWidth,
      height: gridHeight
    })));
  };
github schrodinger / fixed-data-table-2 / examples / old / ObjectDataExample.js View on Github external
/**
 * Copyright Schrodinger, LLC
 */

"use strict";

var ExampleImage = require('../helpers/ExampleImage');
var FakeObjectDataListStore = require('../helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');

var Column = FixedDataTable.Column;
var PropTypes = React.PropTypes;
var Table = FixedDataTable.Table;

var ROWS = 1000000;

function renderImage(/*string*/ cellData) {
  return ;
}

function renderLink(/*string*/ cellData) {
  return <a href="#">{cellData}</a>;
}

function renderDate(/*object*/ cellData) {
  return <span>{cellData.toLocaleString()}</span>;
}
github schrodinger / fixed-data-table-2 / examples / old / FilterExample.js View on Github external
/**
 * Copyright Schrodinger, LLC
 */

"use strict";

var ExampleImage = require('../helpers/ExampleImage');
var FakeObjectDataListStore = require('../helpers/FakeObjectDataListStore');
var FixedDataTable = require('fixed-data-table-2');
var React = require('react');

var Column = FixedDataTable.Column;
var Table = FixedDataTable.Table;

var ROWS = 1000000;

function renderImage(/*string*/ cellData) {
  return ;
}

var FilterExample = React.createClass({
  getInitialState() {
    return {
      rows : new FakeObjectDataListStore().getAll(),
      filteredRows: null,
      filterBy: null
    };
  },
github OpusCapita / react-grid / lib / cjs / datagrid / header-cell.component.js View on Github external
grid = _this$props3.grid,
        currentSortColumn = _this$props3.currentSortColumn,
        currentSortOrder = _this$props3.currentSortOrder,
        columns = _this$props3.columns,
        column = _this$props3.column,
        onSortChange = _this$props3.onSortChange,
        isBusy = _this$props3.isBusy,
        filtering = _this$props3.filtering,
        width = _this$props3.width,
        props = _objectWithoutPropertiesLoose(_this$props3, ["children", "grid", "currentSortColumn", "currentSortOrder", "columns", "column", "onSortChange", "isBusy", "filtering", "width"]);

    var cellClassNames = (0, _classnames["default"])({
      'oc-datagrid-cell-header': true,
      clickable: !isBusy && _datagrid2["default"].isSortable(column)
    });
    return _react["default"].createElement(_fixedDataTable.Cell, _extends({
      className: cellClassNames,
      onClick: this.onSortChange
    }, props), this.renderColumnHeader(), this.getFilteringComponent(filtering, column));
  };
github buildo / react-components / src / Tablo / patch-fixed-data-table-2.ts View on Github external
import * as FixedDataTable from "fixed-data-table-2/internal/FixedDataTable.js";
import * as FixedDataTableBufferedRows from "fixed-data-table-2/internal/FixedDataTableBufferedRows.js";
import * as FixedDataTableCell from "fixed-data-table-2/internal/FixedDataTableCell.js";
import * as FixedDataTableCellDefault from "fixed-data-table-2/internal/FixedDataTableCellDefault.js";
import * as FixedDataTableCellGroup from "fixed-data-table-2/internal/FixedDataTableCellGroup.js";
import * as FixedDataTableColumn from "fixed-data-table-2/internal/FixedDataTableColumn.js";
import * as FixedDataTableColumnGroup from "fixed-data-table-2/internal/FixedDataTableColumnGroup.js";
import * as FixedDataTableColumnReorderHandle from "fixed-data-table-2/internal/FixedDataTableColumnReorderHandle.js";
import * as FixedDataTableColumnResizeHandle from "fixed-data-table-2/internal/FixedDataTableColumnResizeHandle.js";
import * as FixedDataTableRow from "fixed-data-table-2/internal/FixedDataTableRow.js";
import * as Scrollbar from "fixed-data-table-2/internal/Scrollbar.js";

import { Table, Column, ColumnGroup, Cell } from "fixed-data-table-2";

FixedDataTable.propTypes = null;
FixedDataTableBufferedRows.propTypes = null;
FixedDataTableCell.propTypes = null;
FixedDataTableCellDefault.propTypes = null;
FixedDataTableCellGroup.propTypes = null;
FixedDataTableColumn.propTypes = null;
FixedDataTableColumnGroup.propTypes = null;
FixedDataTableColumnReorderHandle.propTypes = null;
FixedDataTableColumnResizeHandle.propTypes = null;
FixedDataTableRow.propTypes = null;
Scrollbar.propTypes = null;
(Table as any).propTypes = null;
(Column as any).propTypes = null;
(ColumnGroup as any).propTypes = null;
(Cell as any).propTypes = null;

fixed-data-table-2

A React table component designed to allow presenting thousands of rows of data.

GitHub
BSD-3-Clause
Latest version published 24 days ago

Package Health Score

87 / 100
Full package analysis

Popular fixed-data-table-2 functions

Similar packages