JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Autofill</title>

	<link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
	<link rel="stylesheet" href="https://cdn.datatables.net/autofill/2.3.9/css/autoFill.dataTables.min.css">	


</head>
<body>
<table id="example" class="display nowrap" style="width:100%">
        <thead>
            <tr>
                <th>Data1</th>
                <th>Data2</th>
                <th>Data3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="text" value="1"></td>
                <td><input type="text" value="1"></td>
                <td><input type="text" value="1"></td>
            </tr>
            <tr>
               <td><input type="text" value="1"></td>
                <td><input type="text" value="1"></td>
                <td><input type="text" value="1"></td>
            </tr>
            <tr>
                <td><input type="text" value="1"></td>
                <td><input type="text" value="1"></td>
                <td><input type="text" value="1"></td>
            </tr>
    </table>

</body>

    <script  src="https://code.jquery.com/jquery-3.5.1.js"></script> 
	<script  src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script> 
    <script  src="https://cdn.datatables.net/autofill/2.3.9/js/dataTables.autoFill.min.js"></script> 
	
    <script  src="script.js"></script> 
</html>

JavaScript

$('#example').DataTable( {
    autoFill: {
        alwaysAsk: false
    },
    autoFill: true
} );