JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://mleibman.github.com/SlickGrid/slick.grid.css">
<link rel="stylesheet" href="http://mleibman.github.com/SlickGrid/css/smoothness/jquery-ui-1.8.16.custom.css">
<script src="http://mleibman.github.io/SlickGrid/lib/jquery.event.drag-2.2.js"></script>
<script src="http://mleibman.github.com/SlickGrid/slick.core.js"></script>
<script src="http://mleibman.github.com/SlickGrid/slick.dataview.js"></script>
<script src="https://dl.dropboxusercontent.com/u/18811801/slick.grid.js"></script>
<div id="grid"></div>

CSS

.slick-column-name {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-left: 40%;
}
.slick-header-columns, .slick-header-column {
    height: 250px !important;
    text-indent: -235px;
}

JavaScript

var columns = [{
    id: "id",
    name: "ID",
    field: "id"
}, {
    id: "name",
    name: "Name",
    field: "name"
}, {
    id: "price",
    name: "Price",
    field: "price"
}, {
    id: "asd",
    name: "Something Else",
    field: "asd"
}, {
    id: "asdf",
    name: "Else else SOmeshing Else",
    width: 180,
    field: "asdf"
}, {
    id: "asdfg",
    name: "More bla bla",
    field: "asdfg"
}];
var dataView = new Slick.Data.DataView();

var grid = new Slick.Grid("#grid", dataView, columns, {
    enableCellNavigation: true,
    enableColumnReorder: false,
    autoHeight: false
});