Not able to resize columns in body table using jquery-ui

Hi Allen,

componentDidMount(){
$(function () {
$('table th').resizable({
handles: 'e',
minWidth: 18
});
$('table td').resizable({
handles: 'e',
minWidth: 18
});
});
}

I have added the above files in my html and the code in my class , in which I am rendering bootstrap table
with this I am able to resize the table header columns alone, but not the table body columns

How can I make if table header is resized, the entire column should be resized in table body as well

Thanks in advance