title: Adding css shape to datatables pagination
body: <p>I have a table that is created with datatables plugin,I want to add css shape to the pagination of my datatables without using datatables css plugin.I have removed previous and next text with '&lt;' and '>' and I need to add triangle facing towards left  instead of '&lt;' and again I need to add triangle facing towards right instead of '>'.I tried but triangle is cutting towards left and right.Here is the code below.Thanks in advance</p>
  
  <h2>HTML</h2>
  
  <pre><code> &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  
  &lt;div id="div"&gt;
  &lt;div&gt;
       &lt;table id="example"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Seq.&lt;/th&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Position&lt;/th&gt;
                      &lt;th&gt;Office&lt;/th&gt;
                      &lt;th&gt;Start date&lt;/th&gt;
                      &lt;th&gt;Salary&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
  
  
  
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;2&lt;/td&gt;
                      &lt;td&gt;Tiger Nixon&lt;/td&gt;
                      &lt;td&gt;System Architect&lt;/td&gt;
                      &lt;td&gt;Edinburgh&lt;/td&gt;
                      &lt;td&gt;2011/04/25&lt;/td&gt;
                      &lt;td&gt;$320,800&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;22&lt;/td&gt;
                      &lt;td&gt;Garrett Winters&lt;/td&gt;
                      &lt;td&gt;Accountant&lt;/td&gt;
                      &lt;td&gt;Tokyo&lt;/td&gt;
                      &lt;td&gt;2011/07/25&lt;/td&gt;
                      &lt;td&gt;$170,750&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;6&lt;/td&gt;
                      &lt;td&gt;Ashton Cox&lt;/td&gt;
                      &lt;td&gt;Junior Technical Author&lt;/td&gt;
                      &lt;td&gt;San Francisco&lt;/td&gt;
                      &lt;td&gt;2009/01/12&lt;/td&gt;
                      &lt;td&gt;$86,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;41&lt;/td&gt;
                      &lt;td&gt;Cedric Kelly&lt;/td&gt;
                      &lt;td&gt;Senior Javascript Developer&lt;/td&gt;
                      &lt;td&gt;Edinburgh&lt;/td&gt;
                      &lt;td&gt;2012/03/29&lt;/td&gt;
                      &lt;td&gt;$433,060&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;55&lt;/td&gt;
                      &lt;td&gt;Airi Satou&lt;/td&gt;
                      &lt;td&gt;Accountant&lt;/td&gt;
                      &lt;td&gt;Tokyo&lt;/td&gt;
                      &lt;td&gt;2008/11/28&lt;/td&gt;
                      &lt;td&gt;$162,700&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;21&lt;/td&gt;
                      &lt;td&gt;Brielle Williamson&lt;/td&gt;
                      &lt;td&gt;Integration Specialist&lt;/td&gt;
                      &lt;td&gt;New York&lt;/td&gt;
                      &lt;td&gt;2012/12/02&lt;/td&gt;
                      &lt;td&gt;$372,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;46&lt;/td&gt;
                      &lt;td&gt;Herrod Chandler&lt;/td&gt;
                      &lt;td&gt;Sales Assistant&lt;/td&gt;
                      &lt;td&gt;San Francisco&lt;/td&gt;
                      &lt;td&gt;2012/08/06&lt;/td&gt;
                      &lt;td&gt;$137,500&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;50&lt;/td&gt;
                      &lt;td&gt;Rhona Davidson&lt;/td&gt;
                      &lt;td&gt;Integration Specialist&lt;/td&gt;
                      &lt;td&gt;Tokyo&lt;/td&gt;
                      &lt;td&gt;2010/10/14&lt;/td&gt;
                      &lt;td&gt;$327,900&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;26&lt;/td&gt;
                      &lt;td&gt;Colleen Hurst&lt;/td&gt;
                      &lt;td&gt;Javascript Developer&lt;/td&gt;
                      &lt;td&gt;San Francisco&lt;/td&gt;
                      &lt;td&gt;2009/09/15&lt;/td&gt;
                      &lt;td&gt;$205,500&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;18&lt;/td&gt;
                      &lt;td&gt;Sonya Frost&lt;/td&gt;
                      &lt;td&gt;Software Engineer&lt;/td&gt;
                      &lt;td&gt;Edinburgh&lt;/td&gt;
                      &lt;td&gt;2008/12/13&lt;/td&gt;
                      &lt;td&gt;$103,600&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;13&lt;/td&gt;
                      &lt;td&gt;Jena Gaines&lt;/td&gt;
                      &lt;td&gt;Office Manager&lt;/td&gt;
                      &lt;td&gt;London&lt;/td&gt;
                      &lt;td&gt;2008/12/19&lt;/td&gt;
                      &lt;td&gt;$90,560&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;23&lt;/td&gt;
                      &lt;td&gt;Quinn Flynn&lt;/td&gt;
                      &lt;td&gt;Support Lead&lt;/td&gt;
                      &lt;td&gt;Edinburgh&lt;/td&gt;
                      &lt;td&gt;2013/03/03&lt;/td&gt;
                      &lt;td&gt;$342,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;14&lt;/td&gt;
                      &lt;td&gt;Charde Marshall&lt;/td&gt;
                      &lt;td&gt;Regional Director&lt;/td&gt;
                      &lt;td&gt;San Francisco&lt;/td&gt;
                      &lt;td&gt;2008/10/16&lt;/td&gt;
                      &lt;td&gt;$470,600&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;12&lt;/td&gt;
                      &lt;td&gt;Haley Kennedy&lt;/td&gt;
                      &lt;td&gt;Senior Marketing Designer&lt;/td&gt;
                      &lt;td&gt;London&lt;/td&gt;
                      &lt;td&gt;2012/12/18&lt;/td&gt;
                      &lt;td&gt;$313,500&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;54&lt;/td&gt;
                      &lt;td&gt;Tatyana Fitzpatrick&lt;/td&gt;
                      &lt;td&gt;Regional Director&lt;/td&gt;
                      &lt;td&gt;London&lt;/td&gt;
                      &lt;td&gt;2010/03/17&lt;/td&gt;
                      &lt;td&gt;$385,750&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;37&lt;/td&gt;
                      &lt;td&gt;Michael Silva&lt;/td&gt;
                      &lt;td&gt;Marketing Designer&lt;/td&gt;
                      &lt;td&gt;London&lt;/td&gt;
                      &lt;td&gt;2012/11/27&lt;/td&gt;
                      &lt;td&gt;$198,500&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;32&lt;/td&gt;
                      &lt;td&gt;Paul Byrd&lt;/td&gt;
                      &lt;td&gt;Chief Financial Officer (CFO)&lt;/td&gt;
                      &lt;td&gt;New York&lt;/td&gt;
                      &lt;td&gt;2010/06/09&lt;/td&gt;
                      &lt;td&gt;$725,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;35&lt;/td&gt;
                      &lt;td&gt;Gloria Little&lt;/td&gt;
                      &lt;td&gt;Systems Administrator&lt;/td&gt;
                      &lt;td&gt;New York&lt;/td&gt;
                      &lt;td&gt;2009/04/10&lt;/td&gt;
                      &lt;td&gt;$237,500&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;48&lt;/td&gt;
                      &lt;td&gt;Bradley Greer&lt;/td&gt;
                      &lt;td&gt;Software Engineer&lt;/td&gt;
                      &lt;td&gt;London&lt;/td&gt;
                      &lt;td&gt;2012/10/13&lt;/td&gt;
                      &lt;td&gt;$132,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;45&lt;/td&gt;
                      &lt;td&gt;Dai Rios&lt;/td&gt;
                      &lt;td&gt;Personnel Lead&lt;/td&gt;
                      &lt;td&gt;Edinburgh&lt;/td&gt;
                      &lt;td&gt;2012/09/26&lt;/td&gt;
                      &lt;td&gt;$217,500&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;17&lt;/td&gt;
                      &lt;td&gt;Jenette Caldwell&lt;/td&gt;
                      &lt;td&gt;Development Lead&lt;/td&gt;
                      &lt;td&gt;New York&lt;/td&gt;
                      &lt;td&gt;2011/09/03&lt;/td&gt;
                      &lt;td&gt;$345,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;57&lt;/td&gt;
                      &lt;td&gt;Yuri Berry&lt;/td&gt;
                      &lt;td&gt;Chief Marketing Officer (CMO)&lt;/td&gt;
                      &lt;td&gt;New York&lt;/td&gt;
                      &lt;td&gt;2009/06/25&lt;/td&gt;
                      &lt;td&gt;$675,000&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;29&lt;/td&gt;
                      &lt;td&gt;Caesar Vance&lt;/td&gt;
                      &lt;td&gt;Pre-Sales Support&lt;/td&gt;
                      &lt;td&gt;New York&lt;/td&gt;
                      &lt;td&gt;2011/12/12&lt;/td&gt;
                      &lt;td&gt;$106,450&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;56&lt;/td&gt;
                      &lt;td&gt;Doris Wilder&lt;/td&gt;
                      &lt;td&gt;Sales Assistant&lt;/td&gt;
                      &lt;td&gt;Sidney&lt;/td&gt;
                      &lt;td&gt;2010/09/20&lt;/td&gt;
                      &lt;td&gt;$85,600&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;36&lt;/td&gt;
                      &lt;td&gt;Angelica Ramos&lt;/td&gt;
                      &lt;td&gt;Chief Executive Officer (CEO)&lt;/td&gt;
                      &lt;td&gt;London&lt;/td&gt;
                      &lt;td&gt;2009/10/09&lt;/td&gt;
                      &lt;td&gt;$1,200,000&lt;/td&gt;
                  &lt;/tr&gt;
  
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>javascript</h2>
  
  <pre><code>var table = $('#example').DataTable({  
      "language": {
      "paginate": {
        "previous": "&lt;",
        "next": "&gt;"
      }
    }
  });
  </code></pre>
  
  <h2>style</h2>
  
  <pre><code>.paginate_button {
  margin-right:10px;
  
  cursor:pointer;
  }
  .current{
  
  }
  .dataTables_paginate{
      float:right;
  }
  .previous{
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-right: 10px solid red;
      border-bottom: 5px solid transparent;
  }
  .next{
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-left: 10px solid red;
      border-bottom: 5px solid transparent;
  }
  </code></pre>