Discuss how to use and promote Web standards with the Mozilla Gecko engine.
knicholas
Posts: 2Joined: December 5th, 2014, 3:52 pm
Posted December 5th, 2014, 3:58 pm
Firefox 34.0.5 won't display a column in a table. There should be a second column named "Bar Number". I think the HTML/CSS is pretty simple. Any ideas? The missing column seems to be collapsed and has a width of 0. In full screen I can see part of it. - 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>
Last edited by knicholas on December 5th, 2014, 4:29 pm, edited 2 times in total.
LoudNoise
New Member

Posts: 40048Joined: October 18th, 2007, 1:45 pmLocation: Next door to the west
Posted December 5th, 2014, 4:07 pm
Moving to Web Development
Post wrangler"Choose between the Food Select Feature or other Functions. If no food or function is chosen, Toast is the default."
BruceAWittmeier

Posts: 2660Joined: June 9th, 2008, 10:53 amLocation: Near 37.501685 -80.147967
Posted December 6th, 2014, 8:56 am
Seems to work for me. All I did was copy/paste your code into two files and create an HTML. I added width to the border and gray background for visibility, centered the first 3 column text. http://gotnarcosis.com/brucewittmeier/t ... olumn.html
~ I'm only here to Pay it Forward. ~
"I often take a very long windy road to my destination. When I arrive I often wonder how I missed the shortcut".
knicholas
Posts: 2Joined: December 5th, 2014, 3:52 pm
Posted December 6th, 2014, 10:09 am
Yea, and today I can't reproduce it in a simple test setup I built so I could report it to PrimeFaces. Oh well, thanks for having a look. Next time I'll go try and go a little slower.
Return to Web Development / Standards Evangelism
Who is online
Users browsing this forum: No registered users and 1 guest
|