JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://datatables.net/release-datatables/extensions/AutoFill/css/dataTables.autoFill.css">
<script src="https://datatables.net/release-datatables/extensions/AutoFill/js/dataTables.autoFill.js"></script>
<table class="top100" cellspacing="0" width="300px">
    <thead>
        <tr>
            <th>Date</th>
            <th>1</th>
            <th>2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="text" disabled="disabled" value="date1" />
            </td>
            <td>
                <input type="text" value="drag my cell down" />
            </td>
            <td>
                <input type="text" value="" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" disabled="disabled" value="date2" />
            </td>
            <td>
                <input type="text" value="I'm going to be replaced :)" />
            </td>
            <td>
                <input type="text" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" disabled="disabled" value="date3" />
            </td>
            <td>
                <input type="text" />
            </td>
            <td>
                <input type="text" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" disabled="disabled" value="date4" />
            </td>
            <td>
                <input type="text" />
            </td>
            <td>
                <input type="text" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" disabled="disabled" value="date5" />
            </td>
            <td>
                <input type="text" />
            </td>
            <td>
     ...

JavaScript

var table = $('.top100').dataTable({
    "paging": false
});

new $.fn.dataTable.AutoFill(table, {
    "columnDefs": [{
        "read": function (cell) {
            return $('input', cell).val();
        },
        "write": function (cell, val) {
            return $('input', cell).val(val);
        },
        "step": function ( cell, read, last, i, x, y ) {
           return last === undefined ? read : last;
        },        
        "targets": [0,1,2] // Use "_all" to target all columns
    }]
});