data table extends to the right

ho can i fix datatable that extends to the right like this? image ive already tried responsive:true in js, but not work Username Date Tweet Sentiment Validate

                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td><input type="checkbox" name=""></td>
                                </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Username</th>
                                <th>Date</th>
                                <th>Tweet</th>
                                <th>Sentiment</th>
                                <th>Validate</th>
                            </tr>
                        </tfoot>
                    </table>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs/dt-1.10.18/datatables.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#example').DataTable( {
                "pagingType": "full_numbers",
                "ordering": false
            });
            AOS.init();
        });
        $(window).on('load', function() {
            AOS.refresh();
        });
    </script>