How to define the width of a table and its th? so they look the same in Google Chrome and Firefox


I'm doing a project where I show different tables and I want to define the width of the tables and their th, in Google Chrome it works correctly but when I try it in Firefox I do not take into account the width of the table

<link rel="stylesheet" href="">

<table id="example1" class="table table-bordered table-hover" style="width:3000px;">
<th style=" width: 50px;">ITEM</th>
<th style=" width: 150px;">TIPO ORDEN</th>
<th style=" width: 100px;">N° ORDEN</th>
<th style=" width: 150px;">FECHA ORDEN</th>
<th style=" width: 100px;">REQUERIMIENTO</th>
<th style=" width: 100px;">CLIENTE</th>
<th style=" width: 200px;">FAMILIA SERVICIO</th>
<th style=" width: 500px;" >SERVICIO ESPECIALIZADO</th>
<th style=" width: 150px;">COD. PROYECTO</th>
<th style=" width: 200px;">EMISOR</th>
<th style=" width: 150px;">AREA EMISOR</th>
<th style=" width: 100px;">REFERENCIA</th>
<th style=" width: 200px;">NOMBRE PROVEEDOR</th>
<th style=" width: 150px;">FORMA PAGO</th>
<th style=" width: 170px;">FECHA ENTREGA</th>
<th style=" width: 150px;">LUGAR ENTREGA</th>
<th style=" width: 150px;">AUTORIZADO POR </th>
<th style=" width: 100px;">MONEDA</th>
<th style=" width: 150px;">TOTAL ORDEN</th>
<th style=" width: 100px;">OPCIONES</th>
  <td>Requerimiento 1</td>
  <td>Fabricación y Montaje de Tanque de Almacenamiento</td>
  <td>proyecto 1</td>
  <td>Crusura Chavez Iberico</td>
  <td>Comercial Capillo</td>
  <td>Asistente de Gerencia</td>
  <td><input type="button" class="btn btn-info btn-view btn-xs"  data-toggle="modal" data-target="#modal-default"> </td>

takes into account the defined width

asked by RCA 02.04.2018 в 20:10

1 answer


This technically speaking is not a problem of FireFox, the problem is that the tables are rendered differently by each browser, and to be compatible with all browsers you have to assign a series of styles arguments, but in your case Particularly what would solve this problem would be to assign these two styles:

width: 3000px;
min-width: 3000px;
answered by 02.04.2018 / 20:32