Centering the table

[chrisooo3]

How to center the table?
If I do this:
My html table looks like:

<div class="table-responsive">
  <table id="AdsTable" class="table" style="width: 100%">
    ...
  </table>
</div>

I use class table-responsive from bootstrap
My js looks like:

import ColumnResizer from "column-resizer";

let resizable = ColumnResizer;
new resizable(document.querySelector("#AdsTable"),{
    resizeMode: 'overflow',
    liveDrag:true,
    draggingClass:"rangeDrag",
    gripInnerHtml:"<div class='rangeGerip'></div>",
    minWidth:8
});

Css:

table {
margin: auto;
}

I get this(the cursor to resize the column is outside of the table

How to center the table and do not lose the ability to resize the columns?