Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

329
Vistas
BootstrapTable.js data-header-style not working

I'm trying to increase the font of the header. I use the data-header-style property to do this My table html;

  <table data-row-style="rowStyle" data-header-style="headerStyle" class="table-responsive " id="tblPickupList">
                    <thead>
                        <tr>
                            <th data-field="CountryCode" data-visible="true">Ülke Kodu</th>
                            <th data-field="Country">Varış Ülkesi</th>
                            <th data-field="PickUpDate" data-formatter="DateFormatter">Pickup Tarihi</th>
                            <th data-field="ManifestDate" data-formatter="DateFormatter">Manifesto Tarihi</th>
                            <th data-field="MAWB">MAWB</th>
                            <th data-field="TotalBAGCount" data-sortable="true">Toplam Bag Sayısı</th>
                            <th data-field="TotalBAGWeight" style="text-align:right">Toplam Bag Ağırlığı</th>
                            <th data-field="TotalBAGWeightPhysical" style="text-align:right">Toplam Bag Fiziksel Ağırlığı</th>
                            <th data-field="">İşlemler</th>

                        </tr>
                    </thead>
                </table>

My js;

function headerStyle(column) {
console.log(column);
return {
    css: { 'font-size': '20px' },
    classes: 'bg-success'
}}



function rowStyle(row, index) {

var dateString = DateFormatter(row.PickUpDate);
var fullDate = dateString.split(".");
var day = Math.floor(fullDate[0]);
var month = Math.floor(fullDate[1]);
var year = Math.floor(fullDate[2]);

var today = new Date();
var todayDay = today.getDate();
var todayMonth = today.getMonth() + 1;
var todayYear = today.getFullYear();



if (todayDay == day && todayMonth == month && todayYear == year) {
    return {
        css: {
            'background-color': '#22bb33',
            color: 'black',
            'font-weight': 'bold',
            'font-size': '20px'
        }
    }
}
return {
    classes: 'bg-grey'
}}

The data-row-style property works. But the data-header-style does not.Even console.log in headerStyle function doesn't work.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda