Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

327
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!