Bootstrap table delete row JQuery CSS

Bootstrap table delete row JQuery CSS

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">


<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="theme.css" type="text/css"> </head>

<body>
<div class="py-2">
    <div class="container my-4">
      <div class="row">
        <div class="col-md-6 p-0">
          <img class="d-block" src="https://static.mercadoshops.com/static2/p/127799/v/1/public/assets/logo.png?r=293&amp;env=&amp;v=20180309_111112" width="450px"> </div>
        <div class="col-md-6 p-0">
          <p class="text-right">Av. Fco. De Miranda Con Av. Ppal. De Campo Claro,&nbsp;
            <br>Edif. Bélgica, Piso 2, Oficina 5, Urb. Campo Claro, Miranda, Caracas&nbsp;
            <br>Telfs.: (58212) 237.07.77- 435.38.65 E-mail: [email protected]</p><i class="fa pull-right fa-2x d-inline fa-youtube-square text-primary"></i><i class="fa pull-right fa-2x d-inline fa-instagram text-primary"></i><i class="fa pull-right fa-2x d-inline fa-twitter-square text-primary"></i>          <i class="fa fa-facebook-official pull-right fa-2x d-inline text-primary"></i> </div>
      </div>
    </div>
    <div class="container">
      <div class="row bg-dark p-0">
        <div class="col-md-12">
          <p class="text-center py-2 m-0">LISTA DE PRECIOS 22-03-2018 - INNOVACIONES TECNOLOGICAS A TU ALCANCE | ENVIOS | MOTORIZADO</p>
        </div>
      </div>
    </div>
  </div>
  <div class="p-0">
    <div class="container p-0">
      <div class="row">
        <div class="col-md-12">
 <table data-toggle='table'
     class='table'>
    <thead>
        <tr>
            <th data-field='foto' data-sortable='true'>Foto</th>
            <th data-field='titulo' data-sortable='true'>Producto</th>
			<th data-field='precio' data-sortable='true'>Precio</th>     ...

CSS

table{width:100%}

.deleterow{cursor:pointer}