Any Layout Similar to HTML Tables'?

Is there any layout which would adapt each column and row to its contents so, for example, a panel might end up like this:
| | |
|__|_|
|__|_|but the several cells would never be misaligned?

Never mind. I found a link to http://www.netbeans.org/kb/55/quickstart-gui.html on the GridBagLayout tutorial page and, as I'm already using NetBeans, I'll use that feature rather than hand-coding the mess. Thanks!

Similar Messages

Formatting table (similar to html table)

I have a data table which has following format:
          column1 column2 column3 column4 column5
          A--BCD--
E
I need to display this data in the table using the following format:
column1 column2 column3
A--BC--
row1
D--E--
row2
In html page this can be acheived using ``colspan`` tag.
Is there a way to achieve the same in WebDynpro for Java
Thanks,
Julia

Hi Julia,
If i've understood your doubt you can use this documents to get help.
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/80d81237-b780-2a10-d398-cc33af6bd75c
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/30291df2-b980-2a10-0884-839c4f7f147e
Regards

Convert HTML table to JTable

do you have any way to convert HTML table ( in HTML file) to JTable?
Thanks in advance.

Not that I'm aware, and I doubt you'll find built-in support for it any time soon. HTML "tables" and Java "tables" are two very different things. HTML table data is inlined whereas JTables are strictly an MVC design. HTML table data is static whereas JTable data needn't be; the same can be said for the layout, column widths, and column positions.
It would not be impossible to create a simple parser which read a basic HTML table element and generated a JTable/TableModel based on that information; the amount of work involved would be affected, of course, by the number of HTML table features you'd want to support.
What precisely motivates you to do this? Are you trying to create a Java web browser?

Is there any suggestion to the html layout of my blog?

is there any suggestion to the html layout of my blog?
copaslirik
Thanks before

Hi Doku,
Can you be more specific about the kind of feedback you are looking for : Are you looking for feedback on the aesthetic appeal of your blog or any potential technical glitches?
Thanks,
Preran

Custom Report Layout with mutliple child tables

I am trying to create a custom report layout (using Bi Publisher) where I have parent data (multiple jobs on a page) and several child tables for each job (JobDays and JobStops) and several child tables for JobDays (JobDayProviders, JobDayCrew). On the apex screen, I have a join on Jobs and JobDays and I am using functions to string each child row value for JobDayProviders and JobDayCrew together and putting a <br> in between so that they will format on separate lines within a cell. It works fine on the screen but when trying to print to pdf, it ignores these line breaks. I have also tried using <br></br> (saw an article that said just use HTML in bi pulisher) which puts two lines in between each value on the screen and is still ignored on the pdf.
for example:
Table hierarchy:
Jobs table
Job Stops
Job Days
Job Day Service Providers
Job Day Crew
Report Layout per job (will have mutlipe jobs to print, just printing 1 day per job):
Jobs.col1 JobStops.row1 JobDay.col1 JobDayProviders.row1 JobDayCrew.r1
JobStops.row2 JobDayProviders.row2 JobDayCrew.r2
JobDayProviders.row3
Thanks,
Linda
First, is there a way to get bi publisher to recognize the line breaks? If not, what is the best way to create a custom report for this scenario? I tried to create a report query with mutliple queries, but cannot determine how to link the child queries to the paren query. I have seen an example where a button is pressed to print one parent row and the id of that row is saved and referenced as a parameter in each of the queries, but if printing mutliple parents on a report, how would I link the child queries to the parent query?

Helen,
The best way for your case is to use a content folder and customize it whichever way you like.
however, your question is about reports. the problem in reports is this that you have to use just one single query and the layout of the results of this query are displayed in a peculiar way.
anyway. something similar but not exactly the same as what you wanted do is the following.
use a query like the following: (with a union in between)
SELECT COLUMN1,NULL , NULL ,NULL ,NULL
FROM my_source_table
WHERE myCriteria LIKE 'SoAndSo%'
UNION
SELECT NULL,COLUMN2 , COLUMN3, COLUMN4, COLUMN5
FROM my_source_table
WHERE myCriteria LIKE 'SoAndSo%'
---------- Now, have the following codes in the layout segments:

<table border="0" cellpadding="1" cellspacing="1" width="20%" align="center">

<tr align="center">
<td><table border="0" cellpadding="1" cellspacing="0" width="30%" align="center">
<tr align="center">
<TH><#COLUMN1.FIELD#></TH>
</tr>
</table>
</td>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN2.FIELD#></TD>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN3.FIELD#></TD>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN4.FIELD#></TD>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN5.FIELD#></TD>
</tr>

<TR><TD></TD></TR>
this should produce a report with a table structure (you may see the whole if you give BORDER="1" in the main table tag). Within this table, the first column of the first row should be showing top-leftmost column value once (COLUMN1 value) and then the next rows would show last four column values as a table block on the right-bottom part.
with kind regards,
naqvi

HTML table containing SQL output in cells

Hello,
This might be a built-in function, but I haven't figured out how to do this: I want to display an HTML table (2x3 table) and in each cell, I want to display the output from different SQL statements. Some of the SQL statements return multiple rows, some just one. The cell data comes from unjoined tables, that is there is no join condition between each one of the cell SQL statements, it's a bit random.

After much head-banging, I have worked this out and it came down to just changing 2 style definitions in the page template. I'm not really a Web developer so that wasn't obvious to me (or easy, I've read quite a bit on Google about stylesheets while working this).
Basically I wanted to display a 3x3 "grid", similar to a table, but the data coming out from the 3x3 regions (all SQL query regions) returned different numbers of rows, which meant my page "rows" didn't align horizontally, they were just rendered wherever the last region stopped (vertically they were rendered properly because I put the regions in Colums 1, 2 and 3, standard page functionality).
Eventually I started looking at the HTML page source and noticed the regions were using style defintions coming from my theme (standard APEX theme #12). I made a copy of the page template this page was using, and modified the header block of the new page template to "rewrite" the driving styles
<title>#TITLE#</title>
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_12/theme_V3.css" type="text/css" />
<style type="text/css">
a.plain { font-family:arial; text-decoration:none}
td.t12Header {height=12px;font: italic small-caps 900 12px arial}
td.t12Body {background-image: url(#APP_IMAGES#lock.png);background-repeat: no-repeat;background-position: left top;vertical-align= middle;height= 250px}
</style>
...So I re-wrote the td (or table TD style) for t12Header and t12Body, by adding my own style definitions into the header after the call to the main css sheet. I also played around with putting a background image into each cell, I'll probably remove that but it was fun to explore.
This rendered my individual table cells (via td.t12Body) @ 250px (which as I've found out is otherwise not supported, there's no built-in TABLE spec for "height") -- exactly what I wanted, now all the regions render vertically and horizontally.
I did not test this with any browser other than IE7.
If you know an easier way to do this, please do post a follow-up.

Numbers and HTML tables

First off, let me say Hey, I'm new, I'm Jared... thanks to everyone who puts in effort to help people on these forums and I'll be publicly grateful for any assistance. As one who is involved in a great deal of community support I know the effort it takes and y'all rock.
Now my issue : Has anyone figured out a way to get Numbers to turn an HTML table into a spreadsheet without some sort of external script? Does anyone have such an external script?
I'm so bummed I could cry... I've been going thru a great deal of culture shock having been an Excel user for many years and switching to Numbers a while back. Having been in IT and software development for the last 16 years, I came to rely on Excel to be able to split any delimited data into columns on the fly based on my own random delimiter. I also came to rely on Excel to be able to convert any table-style input to a spreadsheet format. Because of these two factors, Excel has been one of my go-to tools over the years for all sorts of analysis.
Enter Numbers... finally, Apple's putting out a spreadsheet! YAY! Oh, ****, wait... hrm. The two main features that make Excel useful to me aren't there.
I have lots of friends that have switch to OS X in the last year, and I've chewed them all out for saying "But in Windows I could..." as they were transitioning. "You're not ON Windows, this is different, get used to it and do what THIS does. Forget Windows... other than knowing how to use a mouse and a keyboard, very little will transfer from one to the other." The problem is that now I'm finding myself sorely tempted to do something similar. "But with Excel I could..!" Ugh!
PS - I exaggerated about crying, but not by much.

jrypkahauer wrote:
Thanks, Koenig...
You're mostly right. I was copying the raw source from the View Source screen, which works in Excel because it converts a set of <table>...</table> tags to the correct values before pasting into the spreadsheet. You can also open a .html file containing a <table /> tag set with Excel and it will open as a spreadsheet... so while I can do what you're suggesting with Firefox and it will work, that's only part of the issue.
I really did mean that I think Numbers should support tabular data.
It does. I import daily TSV files (.txt extension required)
Really, HTML tables are just tabular XML representations, so it makes sense to me that Numbers should support not just HTML <table /> tag sets but any XML-based tabular data.
In the one which I saw, the tags where extremely variable ones.
All of us may import them using a simple protocol:
open the file in Firefox
Copy paste the table from Firefox, paste in Numbers.
No need to add complementary code in Numbers. Remember, MacOS X is multitask aware.
At this time the only case where I was annoyed is files in which values where separated by variable chunks of spaces. I already wrote that I feel that this kind of file which is a remainder of the typewriter era is perfectly foolish.
Yvan KOENIG (from FRANCE lundi 13 octobre 2008 19:32:30)

Urgent! HTML table cell - Flash movie display browser dependent

Hi all,
I wonder if anyone has experienced the same problem i have
(note, Windows XP, Dreamweaver 4).
Consider the (rough) HTML code attached: A simple HTML table
of one column and two rows is constructed to hold an image banner
link and a Flash movie banner link in each cell consecutively.
The Flash movie works normally when the HTML page is viewed
in IE and Opera, until that is, it is placed inside a table cell.
Inside the cell the flash movie seems to disappear, though i
suspect it collapses to an image 1 pixel in height, as this can
just about be seen using Opera.
Is there something that I am missing? The code of course
seems correct to me - perhaps there is a browser setting i am
missing?
Any help apprceiated - as i need to implement this code ..
Daz

Hi Alan,
Dont think that was the problem (percentages used to scale to
users browser?) ... though you did set me thinking!
Was tired before, so only just remembered that when i was
experimenting with setting the Table Properties the image was
actually occasionally visible!!
Short version: When formatting a cell containing a Flash
animation dont leave the H field blank or use % (even though you're
suppose to be able to!), use pixels instead - otherwise the Flash
image collapses/disappears. Blank and % are fine everywhere else
(I did type a long answer before, but it got eaten by the
forum monster
Someone/i will probably figure out
why this is so or maybe i've just rediscovered the wheel
here - but thats not really important now - because my Flash
animation now renders similarly across IE, Opera and FireFox !!
So thanks for your help!
Daren

Convert HTML table to array

Hi,
As the subject stats i am trying to convert HTML tables to an array. It is a desktop application basically to performs a http request and is returned with a HTML table. I cant change the way the data is returned. (The data is from FDM remote server and is hard coded).
here is a sample of the table. The table layout will remain the same, only the contents (files) will change.
        <table width="100%" border="1">
            <tr>
                <td>File name<br> </td>
                <td>Size<br> </td>
                <td>URL<br> </td>
            </tr>
            <tr>
                <td>notepad2.zip</td>
                <td>258 KB</td>
                <td><a href="http://www.flos-freeware.ch/zip/notepad2.zip">http://www.flos-freeware.ch/zip/notepad2.zip</a></td>
            </tr>
            <tr>
                <td>TeddyGuess.zip</td>
                <td>308 KB</td>
                <td><a href="http://myhost.com/Guess.zip">http://myhost.com/Guess.zip</a></td>
            </tr>
        </table>So ive started and looking at my code i cant help but think there has to be a smarter way!!
     public String getCompletedDownloads() {
          String tableString = makeRequest("compdlds.req");
           tableString = tableString.replaceAll(
           "</td><td>Size<br> </td><td>URL<br> </td></tr>", "");
           tableString = tableString
           .replaceAll(
           "<table width=\"100%\" border=\"1\"><tr><td>File name<br> ",
           tableString = tableString.replaceAll("</table>", "");
           tableString = tableString.replaceAll("<a href=\"", "");
           tableString = tableString.replaceAll("\"", "");
          return tableString;
     }Please any help would be great.

camickr wrote:
You could use a ParserCallback. It notifies you every time it finds a new HTML tag. Simple example:
[http://forums.sun.com/thread.jspa?forumID=57&threadID=696560]
Rob, you rock. I was thinking about how to parse some table data from a HTML page for a pet project just yesterday. Didn't know about the ParserCallback, but it seems to be a perfect fit for what I want to do. :-D

Getting data from html tables

iam new to java
how we can retrieve the content of html table .
if suppose i have an website www.abc.com from this website i have to get the html table data how it can be possibel
thank u
shaunak

You don't need to include any jars if you do not use any specific libs / APIs.
In addition I'd rather use regexes than indexOf - they're much more flexible.
To match a html table contents use a pattern like that:
String pattern = "<table[^>]*>([^<]*?)</table>";After that a matcher using that regex against the input wiil contain the matched the data insite the <table> tag in group no 1.
You can use similar expressions with <tr> and <td>
Regards.

Cfgrid within an html table... possible?

I'm trying to use an HTML table layout to "organize" several
components, one of which is an cfgrid... but nothing shows up, the
cfgrid doesn't populate. In fact, in the following example, only
the first row of the HTML table is painted in the browser.
here's a sample:
<html>
<body>
<table>
<tr>
<td> some title </td>
</tr>
<tr>
<td>
<cfquery name="getEmp" datasource="MYDSN">
select * from emp
</cfquery>
<cfform format="flash" skin="haloSilver">
<cfgrid name="empGrid" query="getEmp"
rowheaders="false">
<cfgridcolumn name="First" header="First Name"
width="120">
<cfgridcolumn name="Last" header="Last Name"
width="120">
</cfgrid>
</cfform>
</td>
</tr>
</table>
</body>
</html>
This situation applies to multiple queries, and works very
well when you remove the <table> elements altogether... I
haven't been able to find anything to support this method or not
support it...
Any help would be greatly appreciated,
Thanks,
-X

I'm trying to use an HTML table layout to "organize" several
components, one of which is an cfgrid... but nothing shows up, the
cfgrid doesn't populate. In fact, in the following example, only
the first row of the HTML table is painted in the browser.
here's a sample:
<html>
<body>
<table>
<tr>
<td> some title </td>
</tr>
<tr>
<td>
<cfquery name="getEmp" datasource="MYDSN">
select * from emp
</cfquery>
<cfform format="flash" skin="haloSilver">
<cfgrid name="empGrid" query="getEmp"
rowheaders="false">
<cfgridcolumn name="First" header="First Name"
width="120">
<cfgridcolumn name="Last" header="Last Name"
width="120">
</cfgrid>
</cfform>
</td>
</tr>
</table>
</body>
</html>
This situation applies to multiple queries, and works very
well when you remove the <table> elements altogether... I
haven't been able to find anything to support this method or not
support it...
Any help would be greatly appreciated,
Thanks,
-X

Using HTML table tags instead of panelGrid

Is is possible to avoid using the panelGrid component for table-based HTML layouts, and still take advantage of JSF functionality?
Basically, I have a reasonably complicated HTML layout using traditional <table> tags and don't really want to convert it to use the panelGrid component, largely because the latter doesn't seem to make it easy to precisely control inidividual cell dimensions/alignments etc. Can I still use JSF components within this table or do they have to be within a panelGrid?
My early experimentation hasn't been too promising. The table-based layout displays fine, but any attempt to put inputText components within the layout, simply displays them at the very top of the screen. Am I missing something fundamental?
Any help or suggestions would be gratefully appreciated. I'm new to JSF and like what I've seen so far, but it would worry me if I was forced to use JSF tags for layout.
Cheers,
Simon.

Thanks very much for that suggestion - using this taglib does indeed enable me to succesfully use JSF components within standard html tables.
Cheers,
Simon.

Excel issues with importing CSV or HTML table data from URL - Sharepoint? Office365?

Greetings,
We have a client who is having issues importing CSV or HTML table data as one would do using Excel's Web Query import from a reporting application. As the error message provided by Excel is unhelpful I'm reaching out to anyone who can help us begin to
troubleshoot problems affecting what is normal standard Excel functionality. I'd attach the error screenshot, but I can't because my account is not verified....needless to say it says "Microsoft Excel cannot access the file https://www.avantalytics.com/reporting_handler?func=wquery&format=csv&logid=XXXX&key=MD5
Where XXXX is a number and MD5 is an md5 code. The symptoms stated in the error message are:
- the file name or path does not exist
-The file is being used by another program
-The workbook you are trying to save has the same name as a currently open workbook.
None of these symptoms are the case, naturally. The user encountered this with Excel2010, she was then upgraded to Excel2013 and is still experiencing the same issue. The output of this URL in a browser (IE, Chrome, Firefox) is CSV data for the affected
user, so it is not a network connectivity issue. In our testing environment using both Excel2010 or 2013 this file is imported successfully, so we cannot replicate. The main difference I can determine between our test environment and the end-user
is they have a Sharepoint installation and appear to have Office365 as well.
So, my question might more appropriately be for Sharepoint or Office365 folks, but I can't be sure they're a culprit. Given this - does anyone have any knowledge of issues which might cause this with Sharepoint or Office365 integrated with
Excel and/or have suggestions for getting more information from Excel or Windows other than this error message? I've added the domain name as a trusted publisher in IE as I thought that might be the issue, but that hasn't solved anything. As you
can see its already https and there is no authentication or login - the md5 key is the authentication. The certificate for the application endpoint is valid and registered via GoDaddy CA.
I'm at a loss and would love some suggestions on things to check/try.
Thanks -Ross

Hi Ross,
>> In our testing environment using both Excel 2010 and 2013 this file is imported successfully, so we cannot replicate.
I suspect it is caused by the difference of web server security settings.
KB: Error message when you use Web query to a secure Web page (HTTPS://) in Excel: "Unable to open"
Hope it will help.
By the way, this forum is mainly for discussing questions about Office Development (VSTO, VBA and Apps for Office .etc.). For Office products feature specific questions, you could consider posting them on
Office IT Pro forum or Microsoft Office Community.
Regards,
Jeffrey
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to read the content of HTML table

Hi All,
I would like to retrieve the content of the following HTML table and is wondering whether there are any libraries/jars that could do the job easily without having to write a parser possibly in XSLT:
<td class="propType"><b>Address</b></td>
                        <td class="propType"><b>Company</b></td>
                        <td class="propType"><b>Department</b></td>
                        <td class="propType" align="right"><b>Employee</b></td>
                                <td colspan="6"><strong class="propType">
                                <td><strong>Firstname</strong></td>
                                <td><strong>Surname</strong></td>
                                <td><strong>DOB</strong></td>
                                <td><strong>Sex</strong></td>
                                <td class="even">John</td>
                                <td class="even">Smith</td>
                                <td class="even">01/02/2001</td>
                                <td class="even">Male</td>One awkard method is by using the stringbuffer as follows:
String greaterthanSignedList[] = greaterthanSigned.split(">")
to pickup all the text that comes after the greater than (ie ">" sign)...
String lessthanSignedList[] = lessthanSigned.split("</"</" sign) ...
However, I am sure that there must be an easier way to do this such as using existing SAX/DOM/XSLT.. jars to retrieve these values quickly.
Many thanks,
Jack

Hi,
I am wondering if you could be a little patient with your guidance in this area. Perhaps a few points on what are some of the classes that should be used. Even an example would be terrific, if possible.
I have slowly weighing through 2 books - Learning XML by Erik T. Ray (http://www.oreilly.com/catalog/learnxml2/toc.html) and Java & XML by Brett D. McLaughlin & Justin Edelson (http://www.oreilly.com/catalog/9780596101497/toc.html) but would like to dwell into the relevant chapter and by pass anything else that is not relevant to my current in the XML area in order to fast track development.
I am new to XML and would very much appreciate if you could point to the area of specific to focus on getting this job done only.
Many thanks again,
Jack

Creating a selectable HTML table with Sahrepoint list data dind

Hi All,
I m creating an app for sharepoint2013 , on my app I want to read data from SP list and display on something like HTML table/ grid view.
What I have done is as follows.
<table cellpadding="0" cellspacing="0" border="0" class="display" id="TermList">
                   <thead>
                       <tr>
                                    <th>Start Date</th>
                           <th>End Date</th>
                           <th>Term Type(s)</th>
                           <th>Specialty</th>
                           <th width="12%">Sub Specialty</th>
                       </tr>
                   </thead>
                                        <tbody>
                        </tbody>
</table>
var context = SP.ClientContext.get_current();
var user = context.get_web().get_currentUser();
var Termsitems, web, hostcontext, currentusertitle;
var hosturl;
(function () {
$(document).ready(function () {
    gethostdata();
    getUserName();
    $('#TermList').dataTable(
                    "sScrollY": 200,
                       This will enable jQuery UI theme
                    "bJQueryUI": true,
                       will add the pagination links
                    "sPaginationType": "full_numbers"
    getTermdetails();
function gethostdata() {
    hosturl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
    context = new SP.ClientContext.get_current();
    hostcontext = new SP.AppContextSite(context, hosturl);
    web = hostcontext.get_web();
    context.load(web, 'Title');
    context.executeQueryAsync(onSiteLoadSuccess, onQueryFailed);
function onSiteLoadSuccess(sender, args) {
    //   alert("site title : " + web.get_title());
function onQueryFailed(sender, args) {
    alert('request failed ' + args.get_message() + '\n' + args.get_stackTrace());
function getQueryStringParameter(urlParameterKey) {
    var params = document.URL.split('?')[1].split('&');
    var strParams = '';
    for (var i = 0; i < params.length; i = i + 1) {
        var singleParam = params[i].split('=');
        if (singleParam[0] == urlParameterKey)
            return decodeURIComponent(singleParam[1]);
// This function prepares, loads, and then executes a SharePoint query to get the current users information
function getUserName() {
    context.load(user);
    context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
// This function is executed if the above call is successful
// It replaces the contents of the 'message' element with the user name
function onGetUserNameSuccess() {
currentusertitle= user.get_title();
$('#message').text('Hello ' + user.get_title());
// This function is executed if the above call fails
function onGetUserNameFail(sender, args) {
    alert('Failed to get user name. Error:' + args.get_message());
function getTermdetails() {
    var Termlist = web.get_lists().getByTitle("TraineeTermsSPlist");
    context.load(Termlist)
    var camlQuery = new SP.CamlQuery();
    camlQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name="Title" />' +
                             '<Value Type="Text"> + currentusertitle + </Value></Eq></Where></Query></View>');
    Termsitems = Termlist.getItems(camlQuery);
    context.load(Termsitems);
    context.executeQueryAsync(getTermdetailsQuerySuccsess, getTermdetailsQueryFails)
function getTermdetailsQuerySuccsess(sender, args) {
    var listEnumerator = Termsitems.getEnumerator();
    var datatable = document.getElementById("TermList");
    while (listEnumerator.moveNext()) {
        var oListItem = listEnumerator.get_current();
        var startdate = listEnumerator.get_current().get_item('startdate');
        var enddate = listEnumerator.get_current().get_item('Enddate');
        var termtype = listEnumerator.get_current().get_item('TermType');
        var Specialty = listEnumerator.get_current().get_item('Specialty');
        var Specialty = listEnumerator.get_current().get_item('Subspecialty');
        $("#TermList").append("<tr align='middle' class='gradeA'>" +
                                  "<td align='left'>" + startdate +
"</td>" +
                                  "<td align='left'>" + enddate + "</td>"
+
                                  "<td align='left'>" + termtype + "</td>"
+
                                  "<td align='left'>" + Specialty +
"</td>" +
                                  "<td align='left'>" + Specialty +
"</td>" + "</tr>");
function getTermdetailsQueryFails(sender, args) {
    alert(' Error:' + args.get_message());
Now what I want to do is allow user to select rows on the table. Once they select a row I want to get that selected row and search SP list based on the selected value. Also I would like to make this table with search area to search records.
Can someone please help me to do this, or are there any easy way to do this. Sample code or useful link much appreciate.
Thank you very much.
d.n weerasinghe

Instead of writing in dive each and every time directly,
just have a div in html, and inside the while loop
write and store in the variable like
output += "<li><a href='#' style='display:none'>" + usernames[i] + " </a> "
+ "<table id='results' width='100%'>"
+ "
<tr style='border-bottom:1px silver solid;'>"
+ "
<td style='width:60px;height:70px;' >"
+ "
<img alt=\"profile pic\" src= '" + pictureuri[i] + "' style='width:60px;height:60px;'/>"
+ "
</td>"
+ "
<td >"
+ "
<table style='height:100%'>"
+ "
<tr>"
+ "
<td style='padding-padding-vertical-align:top;height:10px' >"
+ "
<a href='" + personaluri[i] + "' classq='ms-bold ms-subtleLink' style='color: gray; font-size: 12px; font-weight: bold;'>" + tempnames[i] + "</a>"
+ "
</td>"
+ "
</tr>"
+ "
<tr>"
+ "
<td style='padding-vertical-align:top;height:50px;color:#ADAEAD;font-size:14px;' >" + deptNames[i]
+ "
</td>"
+ "
</tr>"
+ "
</table>"
+ "
</td>"
+ "
</tr>"
+ "</table>"
+ "</li>"
and finaly oyutside the loop
$(#div).html(output);

Any Layout Similar to HTML Tables'?

Similar Messages

Maybe you are looking for