<div class="tab-pane active"
     data-bind="attr:{id: 'open' + id}">
    <div class="col-lg-12">
        <a style="display: inline-block; color: #428bca; font-size: 3vmin;"
           href="#" class="pull-right"
           data-bind="click: create_task_form">
            <span class="glyphicon glyphicon-plus"></span>
        </a>
    </div>
    <div class="col-lg-12">
        <div class="table-responsive col-lg-12" style="padding-left: 0px; padding-right: 0px;">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th class="col-xs-3" style="padding: 0px;">Task</th>
                        <th class="col-xs-5" style="padding: 0px;">Description</th>
                        <th class="col-xs-2" style="padding: 0px;">WO/OT</th>
                        <th class="col-xs-1" style="padding: 0px;">Starts</th>
                        <th class="col-xs-1" style="padding: 0px;">Ends</th>
                        <th style="padding: 0px;">Status</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: tasks_open">
                    <tr style="cursor: pointer" data-bind="click: show_me($parent)">
                        <td data-bind="text: description1"/>
                        <td data-bind="text: description2"/>
                        <td data-bind="text: show_workorders"/>
                        <td data-bind="text: starts"/>
                        <td data-bind="text: ends"/>
                        <td data-bind="text: status"/>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>