<ul class="nav nav-tabs" id="custom-content-above-tab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active id="custom-content-above-home-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true" tab-val="1">탭1</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="custom-content-above-home-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="true" tab-val="2">탭2</a>
  </li>
</ul>

 <div class="tab-content mt-2" id="custom-content-above-tabContent">
    <div class="tab-pane fade show active" id="tab1" >
        <div class="pt-1">
        </div>
    </div>
    <div class="tab-pane fade show mt-2" id="tab2" >
        <div class="pt-1">
       
        </div>
    </div>
</div>




    /*탭 클릭 가로정렬*/
    $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
        $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
    });