<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 E-MAGAZINE</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 E-MAGAZINE</li>
      </ol>
    </div>
  </div>
</div>
<div class="col-12 ">
  <div class="card mt-4">
    <div class="card-body">
      <div class="col-md-4 offset-8">
        <button class="btn btn-block btn-rounded btn-outline-success" onclick="window.location.href='<?php echo base_url(); ?>magazine/add'">ADD E-MAGAZINE</button>  
      </div>
      <table id="magazineTable" class="table table-striped table-bordered text-center" cellspacing="0" width="100%">
        <thead>
          <tr>
            <th>UPDATE</th>
            <th>DELETE</th>
            <th>TITLE</th>
			<th>FLIPBOOK URL</th>
            <th>VIEW COVER FILE</th>
            <th>VIEW FILE</th>
            <th>STATUS</th>
            <th>MODIFIED BY</th>
            <th>MODIFIED DATE</th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>
</div>