Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

332
Visualizações
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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda