xbody +=
'<div class="tab-pane" id="tab2"><div style="overflow:scroll; max-width:100%;height:auto;"><div class="row"><div class="col-md-12">'+
'<table class="table table-striped table-bordered table-hover table-border-black font-dark">'+
'<thead><tr>'+
'<th style="width:70%">Staff Name</th>';
var strArray = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
$(dateArray).each(function($key2, $value2) {
var dayName = days[$value2.getDay()];
var d = $value2.getDate();
var m = strArray[$value2.getMonth()];
var y = $value2.getFullYear();
xbody += '<th class="text-center" style="width="30%">' + dayName + '<br />' + (d <= 9 ? '0' + d : d) + ' ' + (m<=9 ? '0' + m : m) + ' ' + y + '</th>';
});
xbody += '</tr></thead>'+
'<tbody>';
$.each(data.participant, function($key, $value) {
xbody +='<tr><td>' +$value+ '</td>';
$(dateArray).each(function($key2, $value2) {
var d = $value2.getDate();
var m = $value2.getMonth() + 1;
var y = $value2.getFullYear();
var date_training = y + '-' + (m<=9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d);
var status = '-';
if (typeof attendance2 === 'object' && !Array.isArray(attendance2) && attendance2 !== null){
if (attendance2.hasOwnProperty($key)) {
if (attendance2[$key].hasOwnProperty(date_training)){
status = attendance2[$key][date_training];
}
}
}
<?php
if ($mode = 'aa' && (in_array('HR', $isTrainingApproval) || $_SESSION[AppName]['hr_function'] == 1)) {
?>
xbody += '<td>' +
'<select class="inp-attendance form-control" data-id_training="'+data.id_training+'" data-id_staff="'+$key+'" data-date_training="'+date_training+'" id="mySelect">';
var xselect = '';
if (status == '-'){
xselect = " selected";
}
xbody += '<option value="-"'+xselect+' class="text-center"> - </option>';
xselect = '';
if (status == 'ATTEND'){
xselect = " selected";
}
xbody += '<option value="ATTEND"'+xselect+'> ATTEND </option>';
xselect = '';
if (status == 'NOT ATTEND'){
xselect = " selected";
}
xbody += '<option value="NOT ATTEND"'+xselect+'> NOT ATTEND </option>';
xbody += '</select>' +
'</td>';
<?php } else { ?>
xbody += '<td><p class = "form-control-static">'+status+' </p></td>';
<?php } ?>
});
xbody += '</tr>';
});
xbody += '</tbody>-Please contact HR person for attendance-</table></div></div></div>';
xbody += '<a href="15002-hr-training-attendance-printout.php?id='+ data.id_training +'" class="btn red" target="_blank"> Print Attendance </a>';
xbody += '</div>';
What I have tried:
I try to add style width in the th column, but it did not detect any size. How to solve it?