JSFiddle - React, Tailwind, and code Playground

HTML

<div class="datagrid">
    <table class="table table-hover table-bordered" id="additionaltable">
        <thead>
            <tr>
                <th class="span1">
                    Questions
                </th>
                <th class="span1">
                    Active
                </th>
            </tr>
        </thead>
        <tbody data-bind="foreach: items">
            <tr data-id="value:id">
                <td >
                    <span data-bind="text:question"></span>
                </td>
                <td>
                    <input type="checkbox" data-bind="checked: active" />
                </td>
            </tr>
        </tbody>
    </table>
</div>

JavaScript

var vm = new Object();
vm.items = [{
    id: 1,
    question: 'line 1',
    active: false},
{
    id: 2,
    question: 'line 2',
    active: true
},
{
   id: 3,
   question: 'line 3',
   active: false
} 
    ];
ko.applyBindings(vm);