JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" id="wrapper">
<div id="header">
Header
</div>
  <div class="row">
    <div class="col-xs-9 contents">

      <div class="table-responsive">
        <table class="table table-bordered table-hover table-striped table-condensed" id="dataTable">
          <thead class="text-primary">
            <tr>
              <th role="group" aria-label="">
                <button type="button" class="btn btn-default btn-add"><i class="glyphicon glyphicon-plus"></i></button>
                <button type="button" class="btn btn-default btn-refresh"><i class="glyphicon glyphicon-refresh"></i></button>
              </th>
              <th>id</th>
              <th>User name</th>
              <th>password</th>
              <th>Full name</th>
              <th>Email</th>
              <th>URL</th>
              <th>Join date</th>
              <th>activation_key</th>
              <th>lastupdate</th>
              <th>status</th>
              <th>groupID</th>
              <th>title</th>
            </tr>
          </thead>
          <tbody>
            <tr id="row-1">
              <td class="btn-group" role="group" aria-label="">
                <button type="button" class="btn btn-warning btn-edit"><i class="glyphicon glyphicon-pencil"></i></button>
                <button type="button" class="btn btn-danger btn-delete"><i class="glyphicon glyphicon-trash"></i></button>
              </td>
              <td>1</td>
              <td>admin.admin</td>
              <td>**********</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>2015-12-07 02:37:47</td>
              <td>&nbsp;</td>
              <td>2015-12-06 18:37:47</td>
              <td>isActive</td>
              <td>isSuperAdmin</td>
              <td>Super Admin</td>
            </tr>
            <tr id="row-2">
              <td class="btn-group" role="group" aria-label="">
                <button type="button" class="btn btn-warning...

CSS

#dataTable .pagination {margin:0;padding:0;}

JavaScript

/* my goal is to make pagination in the center of the view-area */
$.fn.StickyX = function() {
// alert(this.parentNode.clientWidth);
//	alert($(this).parent().innerWidth());
  return this.css({
    'margin-left': ($(this).parent().innerWidth()/2) - ($(this).width()/2) + 'px',
    'position': 'inline'
  });
};
$('.pagination').StickyX();