Code: Select all
.attorneys {
table-layout: fixed;
width: 100%;
white-space: nowrap;
}
.attorneys td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.row-caseCount {
width: 8%;
}
.row-barNumber {
width: 10%;
}
.row-name {
width: 35%;
}
.row-caseTypes {
width: 18%;
}
.row-partyTypes {
width: 9%;
}
.row-coaTypes {
width: 12%;
}
.row-subTypes {
width: 8%;
}
Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" rel="stylesheet" href="/fic/javax.faces.resource/theme.css.jsf?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" href="/fic/javax.faces.resource/css/screen.css.jsf" />
<link type="text/css" rel="stylesheet" href="/fic/javax.faces.resource/primefaces.css.jsf?ln=primefaces&v=5.1" />
<script type="text/javascript" src="/fic/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces&v=5.1"></script>
<script type="text/javascript" src="/fic/javax.faces.resource/jquery/jquery-plugins.js.jsf?ln=primefaces&v=5.1"></script>
<script type="text/javascript" src="/fic/javax.faces.resource/primefaces.js.jsf?ln=primefaces&v=5.1"></script>
</head>
<body>
<a href="/fic/index.jsf">index</a>
<form id="j_idt6" name="j_idt6" method="post" action="/fic/display2.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt6" value="j_idt6" />
<div id="j_idt6:j_idt7" class="ui-datatable ui-widget attorneys">
<div class="ui-datatable-header ui-widget-header ui-corner-top">San Francisco Family Law Attorneys</div>
<div class="ui-datatable-tablewrapper">
<table role="grid">
<thead id="j_idt6:j_idt7_head">
<tr role="row">
<th id="j_idt6:j_idt7:j_idt9" class="ui-state-default row-1 row-caseCount" role="columnheader"><span
class="ui-column-title">Cases</span></th>
<th id="j_idt6:j_idt7:j_idt11" class="ui-state-default" role="columnheader"><span class="ui-column-title">Bar
Number</span></th>
<th id="j_idt6:j_idt7:j_idt14" class="ui-state-default row-3 row-name" role="columnheader"><span
class="ui-column-title">Name</span></th>
<th id="j_idt6:j_idt7:j_idt16" class="ui-state-default row-4 row-caseTypes" role="columnheader"><span
class="ui-column-title">Case Types</span></th>
<th id="j_idt6:j_idt7:j_idt19" class="ui-state-default row-5 row-partyTypes" role="columnheader"><span
class="ui-column-title">Party Types</span></th>
<th id="j_idt6:j_idt7:j_idt22" class="ui-state-default row-6 row-coaTypes" role="columnheader"><span
class="ui-column-title">Causes of Action</span></th>
<th id="j_idt6:j_idt7:j_idt25" class="ui-state-default row-7 row-subTypes" role="columnheader"><span
class="ui-column-title">Substitutions</span></th>
</tr>
</thead>
<tfoot id="j_idt6:j_idt7_foot"></tfoot>
<tbody id="j_idt6:j_idt7_data" class="ui-datatable-data ui-widget-content">
<tr data-ri="0" class="ui-widget-content ui-datatable-even" role="row">
<td role="gridcell" class="row-1 row-caseCount">2</td>
<td role="gridcell">029037</td>
<td role="gridcell" class="row-3 row-name">THORN, SUZIE S</td>
<td role="gridcell" class="row-4 row-caseTypes">[ 2, , , , ]</td>
<td role="gridcell" class="row-5 row-partyTypes">[ , 2]</td>
<td role="gridcell" class="row-6 row-coaTypes">[ 1, 1, , ]</td>
<td role="gridcell" class="row-7 row-subTypes">[ , ]</td>
</tr>
</tbody>
</table>
</div>
</div>
<script id="j_idt6:j_idt7_s" type="text/javascript">$(function(){PrimeFaces.cw("DataTable","widget_j_idt6_j_idt7",{id:"j_idt6:j_idt7",widgetVar:"widget_j_idt6_j_idt7"});});</script>
<input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0"
value="-7425820846277129776:-3917110269095489788" autocomplete="off" />
</form>
</body>
</html>