<style>

table{

  margin: 0 auto;

  width: 100%;

  clear: both;

  border-collapse: collapse;

  table-layout: fixed; 

  word-wrap:break-word; 

}

</style>

<div class="row page-titles">

  <div class="col-md-6 align-self-center">

    <h4 class="text-themecolor">MANAGE AUDIT</h4>

  </div>

  <div class="col-md-6 align-self-center text-right">

    <div class="d-flex justify-content-end align-items-center">

      <ol class="breadcrumb">

        <li class="breadcrumb-item"><a href="<?php echo base_url();?>admin/dashboard">HOME</a></li>

        <li class="breadcrumb-item active">MANAGE AUDIT</li>

      </ol>

    </div>

  </div>

</div>

<div class="col-12 ">

  <div class="card mt-4">

    <div class="card-body">

      <table id="auditTable" class="table table-striped table-bordered text-center" cellspacing="0" width="100%">

        <thead>

          <tr>
            <th>Username</th>
            <th>IP Address</th>
            <th>Login Date and Time</th>
            <th>Login Status</th>
            <th>Loout Date and Time</th>
            <th>USER TYPE</th>
            <th>Action Type</th>
            <th>MODULE NAME</th>
            <th>Action DATE</th>
          </tr>

        </thead>

        <tbody>

        </tbody>

      </table>

    </div>

  </div>

</div>