Getting your Trinity Audio player ready...

http://code.jquery.com/jquery-2.1.1.min.js
http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js


http://photodesk.chicagotribune.com.s3.amazonaws.com/Graphics/council/looper.0.1.js
http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js
http://cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.js

.graphic-wrapper{position: relative;}
.graphic-wrapper table.dataTable.zebra tbody tr:nth-child(even) {background-color: #d3deea ;}
table.dataTable tbody tr.parent{font-weight: bold;}
table.dataTable tbody tr.parent, table.dataTable tbody tr.child{background-color:#FFF4DE !important ;}
.graphic-wrapper table.dataTable tbody tr td {
height: 48px;
vertical-align: top;
border-bottom: 1pt solid black;
}

table.dataTable tbody tr.chi{
background-color: #CBDDED;
}

tr.lines {border-bottom:1pt solid black;}

td.emp{width:14%%;}
td.dist{width:30%;}
h4.penhed {margin-bottom:20px;}

@media all and (max-width: 700px) {

}

A 2005 pension law was intended to rein in school districts’ big salary spikes that boost retiree benefits and pension costs statewide, imposing cash penalties on districts that gave raises higher than 6 percent to outgoing educators. However, the issuing of large raises hasn’t stopped. Since the law was passed, raises for about 7,600 educators triggered penalties for a total cost to taxpayers of more than $38 million.

Cash penalties by district Search for your distict or click to sort by column

Chicago-area district

District City County Number of educators for which a penalty was paid Sum of excess salary penalties Average cost per educator

Source: Illinois Teachers’ Retirement System of the State of Illinois

@ChiTribGraphics

$(‘#target’).loop({
sheet:”1si_cm4Qid-muzF-VkGbng4lunEIjUwNVpGwfEaIfLvA”, /* Google sheet id. No default */
tab:1, /* The sheet’s tab you want (first tab = 1) default: 1*/
template:’template’, /* The id of the template you want to use. Default: “template” */
dataStartsAtRow:2, /* What spreadsheet row does your data begin? If you have 1 row of headers, then your data begins on row 2. Default: 2*/
/*trigger:”, /* Define custom event. default:’loaded’*/
showLoadingSpinner:true, /* Use the built-in loading spinner? default: true*/
loadingContainer:’.graphic-wrapper’ /* If using the loading spinner, where do you want it to be? default: body */
}).on(‘loaded’, function(){
var table = $(‘#pensions’).DataTable({
“paging”: true,
“searching”: true,
“ordering”: true,
“order”: [[ 0, “asc” ]],
“lengthMenu”: [[15, 25, 50, 100, -1], [15,25, 50, 100, “All”]],
“bAutoWidth”:false,
“responsive”: {
details:{
type: ‘inline’,
target: ‘tr’
},
breakpoints: [
{ name: ‘phone’, width: 700 }
],
}
});
$(‘.loading-wrapper’).fadeOut();

})

<tr class='’>