react-spreadsheet/__fixtures__/withColumnLabels.js

Simple, customizable yet performant spreadsheet for React

import { createFixture } from "react-cosmos";

import Spreadsheet, {
  createEmptyMatrix
} from "../src/SpreadsheetStateProvider";
import { INITIAL_ROWS } from "./Basic";
import "./index.css";

const columnLabels = ["Name", "Age", "Email", "Address"];
const initialData = createEmptyMatrix(INITIAL_ROWS, columnLabels.length);

Spreadsheet.displayName = "Spreadsheet";

export default createFixture({
  component: Spreadsheet,
  props: {
    data: initialData,
    columnLabels
  }
});