Print view - missing styles
Print view - missing styles
Link to test case:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<link href="https://cdn.datatables.net/v/dt/dt-2.1.8/b-3.1.2/b-colvis-3.1.2/b-html5-3.1.2/b-print-3.1.2/datatables.min.css" rel="stylesheet">
<script src="https://cdn.datatables.net/v/dt/dt-2.1.8/b-3.1.2/b-colvis-3.1.2/b-html5-3.1.2/b-print-3.1.2/datatables.min.js"></script>
<meta charset=utf-8 />
<title>DataTables - JS Bin</title>
<style>
.fw-bold {
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<table id="example" class="display nowrap" width="100%">
<thead>
<tr>
<th rowspan="2">Name</th>
<th rowspan="2" class="noColvis">Position</th>
<th colspan="3" class="noColvis">Values</th>
</tr>
<tr>
<th>Val1</th>
<th class="noColvis">Val2</th>
<th>Val3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td class="dt-right fw-bold">0.5</td>
<td>Edinburgh</td>
<td class="dt-right fw-bold">61</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Director</td>
<td>0.5</td>
<td>Edinburgh</td>
<td>63</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Technical Author</td>
<td>0.5</td>
<td>San Francisco</td>
<td>66</td>
</tr>
<tr>
<td>Cedric Kelly</td>
<td>Javascript Developer</td>
<td>0.5</td>
<td>Edinburgh</td>
<td>22</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
new DataTable('#example', {
layout: {
topStart: {
buttons: [
{
extend:'print',
autoPrint:false
}
]
}
}
});
Description of problem:
Styles added to individual cells are not copied to the Print view. See classes added to 1st row above.
This is not an important issue for me, but the styles did transfer over to the Print view before I upgraded (DataTables 1.13.6 --> 2.1.8, Buttons 2.4.2 --> 3.1.2).
Answers
Here is a running test case.
I'm surprised that isn't working and will look into it. Thanks for flagging it up!
Allan
I've just been look into it, and I don't think this worked in Buttons 2.4.2 either: https://live.datatables.net/biyufeqo/2/edit .
It works for a class assigned to the column (
columns.className), but not for a class assigned to a specific cell.Allan
Hmm, it must have worked due to something in my extension code then. But, I did not see anything that looked like it would affect this. I will have to look closer.