I'm using datatables jquery library to show some results from a Database.

```
var table =  jQuery('#table').DataTable({
    language: {
        searchPlaceholder: "Search Results",
    } ,
    "lengthMenu": [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]] ,
    "autoWidth": true,
    "responsive": true,
    "lengthChange": true,
    "ordering": true ,
});

```

But some data has long text, So the table exceeds the browser width.

I tried the following CSS:

```
#table td{
    word-break: break-all
}

```

But the length of the text increased and the height of the table too, Also one of the columns contain a URL which that property not working with.

So I need to use something like a readmore button.

Does datatables has that option? Or I should create that?