JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<div id="demo" style="height:650px">
    <div class="k-content main">
        <div class="main-wrap splitter-wrap">
            <div>
                <div class="searchbar" data-pane-index="10">SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR SEARCHBAR</div>
            </div>
            <div class="bottom-wrap">
                <div class="results-wrap">
                    <div class="index-wrap">
                        <div>
                            <div class="index-header">Search Results</div>
                        </div>
                        <div>
                            <div class="index-results" data-pane-index="20">
                                <ul>
                                    <li>Result 1</li>
                                    <li>Result 2</li>
                                    <li>Result 3</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="tabular-wrap">
                        <div>
                            <div class="tabular-header">Other Results</div>
                        </div>
                        <div>
                            <div class="tabular-results" data-pane-index="30">
                                <div class="outer">
                                    <div class="inner">
                                        <div class="column inactive">
                                            <div class="column-head">One</div>
                                            <div>
                                                <div>A</div>
                               ...

CSS

.column-head {
    background-color:#17e878
}
.column {
    background-color: #fff8e7
}

JavaScript

setupMain();
setupColumns();

function setupColumns() {
    var $cols = $('.inner'),
        colWidth = ($cols.width() / 4).toString() + 'px';

    $cols.width(function (idx, width) {
        return width * 1.75;
    });
    $cols.kendoSplitter({
        orientation: 'horizontal',
        panes: [{
            resizable: false,
            size: colWidth
        }, {
            resizable: false,
            size: colWidth
        }, {
            resizable: false,
            size: colWidth
        }, {
            resizable: false,
            size: colWidth
        }, {
            resizable: false,
            size: colWidth
        }, {
            resizable: false,
            size: colWidth
        }, {
            resizable: false,
            size: colWidth
        }]
    });
    $cols.find('.column').kendoSplitter({
        orientation: 'vertical',
        panes: [{
            resizable: false,
            scrollable: false,
            size: '20px'
        }, {
            resizable: false
        }]
    });
};

function setupMain() {
    var $el = $('.main-wrap');
    $el.height($el.parent().parent().height());
    $el.kendoSplitter({
        orientation: 'vertical',
        panes: [
        // searchbar
        {
            collapsible: false,
            resizable: false,
            size: '82px',
            scrollable: false
        },
        // others
        {
            collapsible: false,
            resizable: false
        }]
    });
    $el = $('.bottom-wrap');
    $el.kendoSplitter({
        orientation: 'horizontal',
        panes: [{
            collapsible: false,
            resizable: true,
            size: '70%',
            min: '25%',
            max: '75%'
        }, {
            collapsible: false,
            resizable: true
        }]
    });
    $el = $('.results-wrap');
    $el.kendoSplitter({
        orientation: 'vertical',
        panes: [{
            collapsible: false,
            resizable: true,
           ...