I am using Bootstrap date-picker to select mm/dd/yyyy, and seeing wired behavior with calendar
some of the next month day's value is encountered in current month calendar. I have tried with css background color and z-index properties but didn't succeed.
When I inspect it in the developer tools I see two tr with:
<tr>
<td class="day disabled">27</td>
<td class="day disabled">28</td>
<td class="day">29</td>
<td class="day">30</td>
<td class="day new">1</td>
<td class="day new">2</td>
<td class="day new">3</td>
</tr>
<tr>
<td class="day new">4</td>
<td class="day new">5</td>
<td class="day new">6</td>
<td class="day new">7</td>
<td class="day new">8</td>
<td class="day new">9</td>
<td class="day new">10</td>
</tr>
which are causing the overlapping.
I think you have the style like this:
.new {
position: absolute;
top: 0;
right: 0;
}
Related
I'm using Mottie's tablesorter plugin with the Math extension. I have a conditionally formatted table - the categories of conditional formatting are indicated in a data-color attribute on the data cell.
In the footer, I have several rows that summarize the values of the conditional formatting. The footer cells are decorated with data-math-filter="[data-color='color1']".
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td data-color='red' style='background-color:red'>
3
</td>
<td data-color='blue' style='background-color:blue'>
7
</td>
</tr>
<tr>
<td data-color='green' style='background-color:green'>
6
</td>
<td data-color='red' style='background-color:red'>
4
</td>
</tbody>
<tfoot>
<tr>
<td data-math-filter='[data-color="red"]' data-math='col-sum'></td>
<td data-math-filter='[data-color="red"]' data-math='col-sum'></td>
</tr>
<tr>
<td data-math-filter='[data-color="green"]' data-math='col-sum'></td>
<td data-math-filter='[data-color="green"]' data-math='col-sum'></td>
</tr>
<tr>
<td data-math-filter='[data-color="blue"]' data-math='col-sum'></td>
<td data-math-filter='[data-color="blue"]' data-math='col-sum'></td>
</tr>
</tfoot>
</table>
My reading of the docs leads me to believe that the math function will filter for the data-elements - but it doesn't seem to work. I've tried a bunch of different CSS filters - nothing seems to work.
What am I doing wrong?
I want to send the cppcheck report through email but I had never used the email ext plugin before, so I found this Sending Cppcheck result/report on email from Jenkins using email-ext plugin with a nice jelly template to do so, I have also followed the steps in the documentation, to send my own templates in a pipeline job, I have created my template with a .jelly extension and set it into my $JENKINS_HOME\email-templates although the email-templates folder did not exist, so I am not sure if it should be created beforehand just by installing the plugin or what I am missing. This is my stage
stage('Mail cppcheck report') {
steps{
script{
def mailRecipients = "email#email.net"
def jobName = currentBuild.fullDisplayName
mimeType: 'text/html'
emailext body: '''${JELLY_SCRIPT, template="custom"}''',
subject: "[Jenkins] ${jobName}",
to: "${mailRecipients}"
}
}
}
And this is the template I want to use but I keep getting the following error JellyException: Could not parse Jelly script : null even though the email is sent the email body is just the error mentioned above.
<j:set var="cppcheckAction" value="${it.getAction('org.jenkinsci.plugins.cppcheck.CppcheckBuildAction')}" />
<j:if test="${cppcheckAction!=null}">
<j:set var="cppcheckResult" value="${cppcheckAction.getResult()}" />
<j:if test="${cppcheckResult!=null}">
<TABLE width="100%">
<TR><TD class="bg1" colspan="2"><B>CPPCHECK RESULT</B></TD></TR>
<TR bgcolor="white"><TD class="test_failed" colspan="2"><B><li>Found: ${cppcheckResult.report.getNumberTotal()}</li></B></TD></TR>
</TABLE>
<BR/>
</j:if>
</j:if>
I have also tried with some other templates and I get no error but I receive an empty email instead, like with this one.
<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define">
<html>
<j:set var="cppcheckAction" value="${it.getAction('org.jenkinsci.plugins.cppcheck.CppcheckBuildAction')}" />
<j:if test="${cppcheckAction!=null}">
<j:set var="cppcheckResult" value="${cppcheckAction.getResult()}" />
<j:if test="${cppcheckResult!=null}">
<h2>Summary</h2>
<style type="text/css">
#cppcheckStatistics { width: auto; }
#cppcheckStatistics .number { text-align: right; }
</style>
<table class="pane sortable" id="cppcheckStatistics">
<thead>
<tr>
<td class="pane-header">Severity</td>
<td class="pane-header">Count</td>
<td class="pane-header">Delta</td>
</tr>
</thead>
<tbody>
<tr>
<td class="pane">Error</td>
<td class="pane number">${cppcheckResult.statistics.getNumberErrorSeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberErrorSeverity()}</td>
</tr>
<tr>
<td class="pane">Warning</td>
<td class="pane number">${cppcheckResult.statistics.getNumberWarningSeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberWarningSeverity()}</td>
</tr>
<tr>
<td class="pane">Style</td>
<td class="pane number">${cppcheckResult.statistics.getNumberStyleSeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberStyleSeverity()}</td>
</tr>
<tr>
<td class="pane">Performance</td>
<td class="pane number">${cppcheckResult.statistics.getNumberPerformanceSeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberPerformanceSeverity()}</td>
</tr>
<tr>
<td class="pane">Portability</td>
<td class="pane number">${cppcheckResult.statistics.getNumberPortabilitySeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberPortabilitySeverity()}</td>
</tr>
<tr>
<td class="pane">Information</td>
<td class="pane number">${cppcheckResult.statistics.getNumberInformationSeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberInformationSeverity()}</td>
</tr>
<tr>
<td class="pane">No category</td>
<td class="pane number">${cppcheckResult.statistics.getNumberNoCategorySeverity()}</td>
<td class="pane number">${cppcheckResult.getDiff().getNumberNoCategorySeverity()}</td>
</tr>
</tbody>
<tfoot>
<tr class="sortbottom">
<td class="pane-header">Total</td>
<td class="pane-header number"><B>${cppcheckResult.report.getNumberTotal()}</B></td>
<td class="pane-header number"><B>${cppcheckResult.getDiff().getNumberTotal()}</B></td>
</tr>
</tfoot>
</table>
</j:if>
</j:if>
</html>
</j:jelly>
However if I use the default template emailext body: '''${JELLY_SCRIPT, template="html"}''' it works fine
I have modified the polar windrose sample that you can find in https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polar-wind-rose/ by using some personal data about carbon footprint of food categories by region in Spain.
The result is this chart: https://jsfiddle.net/PLomas/6a45q1r3/2/
But, as you can see, the last and the first three categories of the legend have the same colors. I want to change the last three colors to avoid confusion of categories. The code was:
// Parse the data from an inline table using the Highcharts Data plugin
Highcharts.chart('container', {
data: {
table: 'freq',
startRow: 1,
endRow: 18,
endColumn: 13
},
chart: {
polar: true,
type: 'column'
},
title: {
text: 'Huella de carbono Comunidades Autónomas por categorías alimentos 2006'
},
subtitle: {
text: 'Fuente: Elaboración propia'
},
pane: {
size: '85%'
},
legend: {
align: 'right',
verticalAlign: 'top',
y: 100,
layout: 'vertical'
},
xAxis: {
tickmarkPlacement: 'on'
},
yAxis: {
min: 0,
endOnTick: false,
showLastLabel: true,
title: {
text: ''
},
labels: {
formatter: function () {
return this.value;
}
},
reversedStacks: false
},
tooltip: {
valueSuffix: ' kg CO2-eq/habitante'
},
plotOptions: {
series: {
stacking: 'normal',
shadow: false,
groupPadding: 0,
pointPlacement: 'on'
}
}
});
.highcharts-figure, .highcharts-data-table table {
min-width: 360px;
max-width: 860px;
margin: 1em auto;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<figure class="highcharts-figure">
<div id="container"></div>
<p class="highcharts-description">
</p>
</figure>
<div style="display:none">
<table id="freq" border="0" cellspacing="0" cellpadding="0">
<tr nowrap bgcolor="#CCCCFF">
<th colspan="18" class="hdr">Huella carbono por categorías</th>
</tr>
<tr nowrap bgcolor=>
<th class="freq">Categoría alimentos</th>
<th class="freq">Pan y cereales</th>
<th class="freq">Carne</th>
<th class="freq">Pescado</th>
<th class="freq">Leche, derivados y huevos</th>
<th class="freq">Aceites y grasas</th>
<th class="freq">Frutas</th>
<th class="freq">Hortalizas, legumbres y tubérculos</th>
<th class="freq">Azúcar y dulces</th>
<th class="freq">Café, té y cacao</th>
<th class="freq">Agua mineral, refrescos y zumos</th>
<th class="freq">Espirituosos y licores</th>
<th class="freq">Vinos</th>
<th class="freq">Cerveza</th>
</tr>
<tr nowrap>
<td class="dir">Andalucía</td>
<td class="data">92.1</td>
<td class="data">523.3</td>
<td class="data">181.3</td>
<td class="data">288.9</td>
<td class="data">19.9</td>
<td class="data">73.7</td>
<td class="data">56.5</td>
<td class="data">15.9</td>
<td class="data">8.8</td>
<td class="data">50.8</td>
<td class="data">4.2</td>
<td class="data">17.6</td>
<td class="data">21.2</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">Aragón</td>
<td class="data">80.9</td>
<td class="data">723.4</td>
<td class="data">191.8</td>
<td class="data">247.3</td>
<td class="data">20.9</td>
<td class="data">74.1</td>
<td class="data">64.2</td>
<td class="data">17.2</td>
<td class="data">8.1</td>
<td class="data">45.4</td>
<td class="data">6.1</td>
<td class="data">19.1</td>
<td class="data">15.1</td>
</tr>
<tr nowrap>
<td class="dir">Asturias</td>
<td class="data">87.9</td>
<td class="data">670.9</td>
<td class="data">205.2</td>
<td class="data">305.4</td>
<td class="data">21.8</td>
<td class="data">72.1</td>
<td class="data">52.1</td>
<td class="data">18.7</td>
<td class="data">9.9</td>
<td class="data">33.8</td>
<td class="data">3.1</td>
<td class="data">25.9</td>
<td class="data">7.8</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">I.Baleares</td>
<td class="data">91.3</td>
<td class="data">530.3</td>
<td class="data">113.0</td>
<td class="data">242.7</td>
<td class="data">17.1</td>
<td class="data">65.3</td>
<td class="data">60.3</td>
<td class="data">16.5</td>
<td class="data">7.1</td>
<td class="data">70.5</td>
<td class="data">4.9</td>
<td class="data">21.7</td>
<td class="data">14.5</td>
</tr>
<tr nowrap>
<td class="dir">I.Canarias</td>
<td class="data">81.0</td>
<td class="data">472.8</td>
<td class="data">127.5</td>
<td class="data">312.8</td>
<td class="data">18.7</td>
<td class="data">56.7</td>
<td class="data">54.4</td>
<td class="data">17.6</td>
<td class="data">9.8</td>
<td class="data">87.3</td>
<td class="data">4.8</td>
<td class="data">13.12</td>
<td class="data">16.12</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">Cantabria</td>
<td class="data">81.0</td>
<td class="data">528.0</td>
<td class="data">162.2</td>
<td class="data">234.9</td>
<td class="data">23.3</td>
<td class="data">59.8</td>
<td class="data">43.5</td>
<td class="data">15.3</td>
<td class="data">9.5</td>
<td class="data">32.9</td>
<td class="data">2.2</td>
<td class="data">26.2</td>
<td class="data">10.3</td>
</tr>
<tr nowrap>
<td class="dir">CyL</td>
<td class="data">85.8</td>
<td class="data">845.6</td>
<td class="data">215.7</td>
<td class="data">279.0</td>
<td class="data">20.6</td>
<td class="data">88.4</td>
<td class="data">61.1</td>
<td class="data">14.2</td>
<td class="data">10.3</td>
<td class="data">35.6</td>
<td class="data">5.0</td>
<td class="data">19.9</td>
<td class="data">10.7</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">CLM</td>
<td class="data">91.7</td>
<td class="data">629.1</td>
<td class="data">178.0</td>
<td class="data">269.7</td>
<td class="data">15.2</td>
<td class="data">77.7</td>
<td class="data">63.6</td>
<td class="data">12.6</td>
<td class="data">8.4</td>
<td class="data">41.5</td>
<td class="data">2.9</td>
<td class="data">15.6</td>
<td class="data">17.3</td>
</tr>
<tr nowrap>
<td class="dir">Cataluña</td>
<td class="data">89.2</td>
<td class="data">579.4</td>
<td class="data">166.7</td>
<td class="data">264.5</td>
<td class="data">18.1</td>
<td class="data">75.1</td>
<td class="data">68.7</td>
<td class="data">14.8</td>
<td class="data">9.5</td>
<td class="data">55.4</td>
<td class="data">4.4</td>
<td class="data">25.4</td>
<td class="data">15.5</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">C.Valenciana</td>
<td class="data">85.6</td>
<td class="data">536.5</td>
<td class="data">126.2</td>
<td class="data">247.2</td>
<td class="data">15.2</td>
<td class="data">63.4</td>
<td class="data">57.5</td>
<td class="data">12.9</td>
<td class="data">8.1</td>
<td class="data">62.4</td>
<td class="data">5.2</td>
<td class="data">19.2</td>
<td class="data">21.6</td>
</tr>
<tr nowrap>
<td class="dir">Extremadura</td>
<td class="data">85.9</td>
<td class="data">714.3</td>
<td class="data">162.5</td>
<td class="data">284.8</td>
<td class="data">20.8</td>
<td class="data">68.7</td>
<td class="data">47.3</td>
<td class="data">9.5</td>
<td class="data">9.3</td>
<td class="data">37.1</td>
<td class="data">5.8</td>
<td class="data">13.3</td>
<td class="data">20.3</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">Galicia</td>
<td class="data">92.3</td>
<td class="data">789.2</td>
<td class="data">261.3</td>
<td class="data">294.7</td>
<td class="data">24.2</td>
<td class="data">67.7</td>
<td class="data">57.2</td>
<td class="data">17.0</td>
<td class="data">15.1</td>
<td class="data">36.9</td>
<td class="data">5.2</td>
<td class="data">43.0</td>
<td class="data">10.0</td>
</tr>
<tr nowrap>
<td class="dir">C.Madrid</td>
<td class="data">88.4</td>
<td class="data">639.1</td>
<td class="data">171.5</td>
<td class="data">262.0</td>
<td class="data">15.9</td>
<td class="data">76.3</td>
<td class="data">60.5</td>
<td class="data">15.0</td>
<td class="data">8.8</td>
<td class="data">29.71</td>
<td class="data">4.6</td>
<td class="data">19.0</td>
<td class="data">18.0</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">R.Murcia</td>
<td class="data">92.6</td>
<td class="data">449.9</td>
<td class="data">136.4</td>
<td class="data">274.8</td>
<td class="data">13.6</td>
<td class="data">52.8</td>
<td class="data">51.9</td>
<td class="data">11.3</td>
<td class="data">6.9</td>
<td class="data">51.4</td>
<td class="data">6.0</td>
<td class="data">18.4</td>
<td class="data">22.7</td>
</tr>
<tr nowrap>
<td class="dir">Navarra</td>
<td class="data">82.7</td>
<td class="data">651.6</td>
<td class="data">153.5</td>
<td class="data">242.8</td>
<td class="data">17.7</td>
<td class="data">71.4</td>
<td class="data">60.9</td>
<td class="data">16.2</td>
<td class="data">10.2</td>
<td class="data">27.4</td>
<td class="data">3.7</td>
<td class="data">28.6</td>
<td class="data">12.6</td>
</tr>
<tr nowrap bgcolor="#DDDDDD">
<td class="dir">País Vasco</td>
<td class="data">84.9</td>
<td class="data">678.5</td>
<td class="data">199.0</td>
<td class="data">276.9</td>
<td class="data">23.8</td>
<td class="data">80.6</td>
<td class="data">57.1</td>
<td class="data">17.9</td>
<td class="data">11.5</td>
<td class="data">27.2</td>
<td class="data">5.5</td>
<td class="data">33.2</td>
<td class="data">9.8</td>
</tr>
<tr nowrap>
<td class="dir">La Rioja</td>
<td class="data">81.2</td>
<td class="data">548.4</td>
<td class="data">163.2</td>
<td class="data">242.8</td>
<td class="data">18.7</td>
<td class="data">63.4</td>
<td class="data">48.6</td>
<td class="data">12.5</td>
<td class="data">6.3</td>
<td class="data">31.6</td>
<td class="data">4.3</td>
<td class="data">15.7</td>
<td class="data">8.4</td>
</tr>
</table>
</div>
Thank you in advance for any idea.
Highcharts loops the default colors. You just need to add more items to the colors array:
colors: [...]
The default colors are:
"#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"
Live demo: https://jsfiddle.net/BlackLabel/7q2dr3am/
API Reference: https://api.highcharts.com/highcharts/colors
I am converting a table to pdf, if I put the pdf into portrait then the PDF gets generated with no issues.
However the table is quite wide so I need to switch it to landscape, as soon as I do I receive the following error:
TypeError: cell is undefined[Learn More] jspdf.plugin.autotable.js:690:17
Sadly I can't share the table as it is confidential work (hence the local pdf creation) but here is the script I am using.
$('#btnExportPDF').on('click', function(e){
e.preventDefault();
let source = document.getElementById('iframeReport').contentWindow.document.getElementById('tblReport');
$('#divHiddenTable').html(source.outerHTML);
console.log(source);
let doc = new jsPDF({format: 'a4', unit: 'pt', orientation: 'l'});//change l to p and it works
console.log('PDF Obj');
doc.autoTable({html: '#tblReport'});
console.log('PDF autoTable');
doc.save("RegionalDirectorsWriteOffReviewExport.pdf");
console.log('PDF save');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.0.9/jspdf.plugin.autotable.js"></script>
After some more investigation, it appears that if I remove the OFFICE 3 section from the table below it works, but with it in it doesn't.
<table class="table table-striped" id="tblReport">
<thead>
<tr>
<th>Client
Code</th>
<th>Client
Partner</th>
<th>Client
Name</th>
<th> </th>
<th align="center">Billed</th>
<th align="center">WIP
W/O</th>
<th align="center">Profit/
Loss</th>
<th>Recovery</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<tr class="OfficeHeader">
<th colspan="9">City 1</th>
</tr>
<tr>
<td>123456</td>
<td>NAME</td>
<td>COMPANY </td>
<td>WHOAMI</td>
<td class="text-right">2,069.58</td>
<td class="text-right">4,609.66</td>
<td class="text-right">-2,540.08</td>
<td class="text-right">44.89</td>
<td></td>
</tr>
<tr>
<td>45384</td>
<td>NAME</td>
<td>COMPANY 2</td>
<td>WHOAMI</td>
<td class="text-right">195.00</td>
<td class="text-right">4,559.74</td>
<td class="text-right">-4,364.74</td>
<td class="text-right">4.27</td>
<td></td>
</tr>
<tr>
<td>852136</td>
<td>NAME</td>
<td>COMPANY 3</td>
<td> </td>
<td class="text-right">600.00</td>
<td class="text-right">3,109.00</td>
<td class="text-right">-2,509.00</td>
<td class="text-right">19.29</td>
<td></td>
</tr>
<tr>
<td>111</td>
<td>NAME</td>
<td>COMPANY 4</td>
<td>WHOAMI</td>
<td class="text-right">0.00</td>
<td class="text-right">1,677.50</td>
<td class="text-right">-1,677.50</td>
<td class="text-right">0.00</td>
<td></td>
</tr>
<tr>
<td>123654</td>
<td>NAME</td>
<td>COMPANY</td>
<td>WHOAMI</td>
<td class="text-right">0.00</td>
<td class="text-right">1,169.75</td>
<td class="text-right">-1,169.75</td>
<td class="text-right">0.00</td>
<td></td>
</tr>
<tr class="OfficeFooter">
<td colspan="4" class="text-right">Office Totals</td>
<td class="text-right"><div class="double-border">2,864.58</div></td>
<td class="text-right"><div class="double-border">15,125.65</div></td>
<td class="text-right"><div class="double-border">-12,261.07</div></td>
<td colspan="2"><div class="pagebreak"> </div></td>
</tr>
<tr class="OfficeHeader">
<th colspan="9">City 2</th>
</tr>
<tr>
<td>A-569</td>
<td>NAME</td>
<td>COMPANY </td>
<td>WHOIZYOU</td>
<td class="text-right">2,175.00</td>
<td class="text-right">4,361.72</td>
<td class="text-right">-2,186.72</td>
<td class="text-right">49.86</td>
<td>Overrun against a thing that we don't know so can't put here</td>
</tr>
<tr>
<td>D/6666</td>
<td>NAME</td>
<td>COMPANY</td>
<td>WHOIZTHIS</td>
<td class="text-right">1,300.00</td>
<td class="text-right">2,371.01</td>
<td class="text-right">-1,071.01</td>
<td class="text-right">54.82</td>
<td>Taken on from previous prtner and manager</td>
</tr>
<tr class="OfficeFooter">
<td colspan="4" class="text-right">Office Totals</td>
<td class="text-right"><div class="double-border">3,475.00</div></td>
<td class="text-right"><div class="double-border">6,732.73</div></td>
<td class="text-right"><div class="double-border">-3,257.73</div></td>
<td colspan="2"><div class="pagebreak"> </div></td>
</tr>
<tr class="OfficeHeader">
<th colspan="9">OFFICE 3</th>
</tr>
<tr>
<td>GFDGDFGF</td>
<td>NAME</td>
<td>COMPANY </td>
<td>WHO</td>
<td class="text-right">2,910.00</td>
<td class="text-right">8,385.21</td>
<td class="text-right">-5,475.21</td>
<td class="text-right">34.70</td>
<td></td>
</tr>
<tr>
<td>KJHKJHKJ</td>
<td>NAME</td>
<td>COMPANY Limited </td>
<td>WHO</td>
<td class="text-right">2,310.00</td>
<td class="text-right">4,733.76</td>
<td class="text-right">-2,423.76</td>
<td class="text-right">48.79</td>
<td></td>
</tr>
<tr>
<td>OIOUIO</td>
<td>NAM,E</td>
<td>COMPANY</td>
<td>WHOZ</td>
<td class="text-right">0.00</td>
<td class="text-right">2,110.25</td>
<td class="text-right">-2,110.25</td>
<td class="text-right">0.00</td>
<td></td>
</tr>
<tr class="OfficeFooter">
<td colspan="4" class="text-right">Office Totals</td>
<td class="text-right"><div class="double-border">5,220.00</div></td>
<td class="text-right"><div class="double-border">15,229.22</div></td>
<td class="text-right"><div class="double-border">-10,009.22</div></td>
<td colspan="2"><div class="pagebreak"> </div></td>
</tr>
</tbody>
<tfoot>
<tr style="height: 2px !important; overflow: hidden !important;">
<td colspan="4"><div style="line-height: 2px !important; height: 2px !important; font-size: 2px !important; overflow: hidden; !important;"> </div></td>
<td colspan="3"><div style="line-height: 2px !important; height: 2px !important; font-size: 2px !important; background-color: #e7ebee; overflow: hidden !important;"> </div></td>
<td colspan="2"><div style="line-height: 2px !important; height: 2px !important; font-size: 2px !important; overflow: hidden; !important;"> </div></td>
</tr>
<tr>
<td colspan="4" class="text-right">AVG</td>
<td class="text-right">1,319.98</td>
<td class="text-right">3,526.59</td>
<td class="text-right">-2,206.61</td>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="4" class="text-right">Totals</td>
<td class="text-right"><div class="double-border">27,719.58</div></td>
<td class="text-right"><div class="double-border">74,058.42</div></td>
<td class="text-right"><div class="double-border">-46,338.84</div></td>
<td colspan="2"> </td>
</tr>
</tfoot>
</table>
example JSFiddle https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap.css
How can I use null check inside a list in Thymeleaf.
I have the following
<tr th:each="idBean : ${idBeanLst}">
<td th:text="${idBean.identifierId}"></td>
<td th:text="${idBean.idNumber}"></td>
<td th:text="${idBean.issueLocation}"></td>
<td th:text="${idBean.issueDate}"></td>
<td th:text="${idBean.expiryDate}"></td>
idBeanLst is the list that contains identifierBean.Now I want to show the result only if idBean.idNumber !=null.How to put this check?
You can add an if statement at the end tr tag
<tr th:each="idBean : ${idBeanLst}" th:if="${idBean.idNumber != null}">
<td th:text="${idBean.identifierId}"></td>
<td th:text="${idBean.idNumber}"></td>
<td th:text="${idBean.issueLocation}"></td>
<td th:text="${idBean.issueDate}"></td>
<td th:text="${idBean.expiryDate}"></td>
</tr>