How to set width of datatable column ?

Question

0.00/5 (No votes)

See more:

Using Max-length for width of column i tried but it is snot working,
row-span is also not worked 

I want to change width of first column witch is dynamically generated from database using string builder sp.append

What I have tried:

foreach (DataColumn column in dt2.Columns)
                        {
                            sb.Append("<th width='20%' style = 'background-color: #e7e7e7;color:#000000'>");
                            sb.Append(column.ColumnName);
                            sb.Append("</th>");                            
                        }
                        sb.Append("</tr>");
                        foreach (DataRow row in dt2.Rows)
                        {
                            sb.Append("<tr>");
                            foreach (DataColumn column in dt2.Columns)
                            {
                                sb.Append("<td style='font-size:12px;line-height:26px;'>");
                                sb.Append(row[column]);
                                sb.Append("</td>");
                            }
                            sb.Append("</tr>");
                        }

Posted 24-Oct-17 20:16pm

Anuj Mehta

Updated 24-Oct-17 20:58pm

Add a Solution

2 solutions

Solution 1

DataTables, DataRows, and DataColumns do not have any width or height - they are not directly presented to the user and have no UI - the width and height only have any relevance for the presentation controls which display the data they contain.

In this case, you are using HTML tables to display your data, so you are (correctly) using the th width setting, but you have the format wrong: HTML th width Attribute[^] - the 20% needs to be in double quotes:

sb.Append("<th width=\"20%\" style = 'background-color:...

Or included in the CSS style:

sb.Append("<th style='width:20%;background-color:...

Posted 24-Oct-17 20:31pm

OriginalGriff

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2017-10-24T20:58:00

Solution 2

Quote:
I want to change width of first column witch is dynamically generated from database using string builder sp.append

C#

for (int i = 0; i < dt2.Columns.Count; i++)
            {
                string width = i == 0 ? "'50%'" : "'20%'"; // first column will be 50% and others 20%
                sb.Append("<th width=" + width+" style = 'background-color: #e7e7e7;color:#000000'>");
                sb.Append(dt2.Columns[i].ColumnName);
                sb.Append("</th>");
            }

Posted 24-Oct-17 20:58pm

Karthik_Mahalingam

Comments

Anuj Mehta 26-Oct-17 1:05am

Same output, no change on my width,
it's not working, please give me any other suggestion .

Karthik_Mahalingam 26-Oct-17 1:13am

show your full code.
wil try to replicate

Karthik_Mahalingam 26-Oct-17 4:57am

why posting and deleting it.

Anuj Mehta 26-Oct-17 5:26am

because value between <" "> is not displaying.

Karthik_Mahalingam 26-Oct-17 5:46am

use pre tag

Anuj Mehta 26-Oct-17 5:37am

 using (StringWriter sw = new StringWriter())
                {
                    using (HtmlTextWriter hw = new HtmlTextWriter(sw))
                    {
                        StringBuilder sb = new StringBuilder();
                        //Generate Invoice (Bill) Header.                       
                        sb.Append("<table width='100%' cellspacing='0' cellpadding='2'>");
                        
                        sb.Append("<table style='width:10px;' border = '1'>");
                        sb.Append("<tr>");
                        for (int i = 0; i < dt2.Columns.Count; i++)
                        {
                            string width = i == 0 ? "'50%'" : "'20%'"; // first column will be 50% and others 20%
                            sb.Append("<th width=" + width + " style = 'background-color: #e7e7e7;color:#000000'>");
                            sb.Append(dt2.Columns[i].ColumnName);
                            sb.Append("</th>");
                        }
                        sb.Append("</tr>");
                        foreach (DataRow row in dt2.Rows)
                        {
                            sb.Append("<tr>");
                            foreach (DataColumn column in dt2.Columns)
                            {

                                sb.Append("<td style='width:80px;'>");
                                sb.Append(row[column]);
                                sb.Append("</td>");
                            }
                            sb.Append("</tr>");
                        }
                        sb.Append("<tr colspan = '5' rowspan ='3'>");
                        sb.Append("<td align='center'>");
                        sb.Append(objPurchaseOrderBO.TotalInWord);
                        sb.Append("</td>");
                        sb.Append("<th colspan = '3'> Total TAX");
                        sb.Append("</th>");
                        sb.Append("<td>");
                        sb.Append(totalTaxValue.Text);
                        sb.Append("</td>");
                        sb.Append("</tr>");
                        sb.Append("</table>");

                        //Export HTML String as PDF.
                        StringReader sr = new StringReader(sb.ToString());
                        Document pdfDoc = new Document(PageSize.A3, 40f, 40f, 20f, 0f);
                        HTMLWorker htmlparser = new HTMLWorker(pdfDoc);
                        PdfWriter writer = PdfWriter.GetInstance(pdfDoc, Response.OutputStream);
                        pdfDoc.Open();
                        htmlparser.Parse(sr);
                        pdfDoc.Close();
                        Response.ContentType = "application/pdf";
                        Response.AddHeader("content-disposition", "attachment;filename=Invoice_" + orderNo + ".pdf");
                        Response.Cache.SetCacheability(HttpCacheability.NoCache);
                        Response.Write(pdfDoc);
                        Response.End();
                    }
                }

Karthik_Mahalingam 26-Oct-17 5:46am

are you exporting to pdf?

Anuj Mehta 26-Oct-17 6:12am

yes exporting it to pdf

Karthik_Mahalingam 26-Oct-17 6:21am

but in td you are setting the width
sb.Append("");

make it uniform across

Anuj Mehta 26-Oct-17 6:25am

i tried it but its not working.

Karthik_Mahalingam 26-Oct-17 7:08am

can you post a screenshot of it

Anuj Mehta 26-Oct-17 6:43am

                        sb.Append("<table style='width:10px;' border = '1'>");
                        sb.Append("<tr>");

                        //foreach (DataColumn column in dt2.Columns)
                        //{
                        //    sb.Append("<th style = 'width:40%;background-color: #e7e7e7;color:#000000'>");
                        //    sb.Append(column.ColumnName);
                        //    sb.Append("</th>");
                        //}
                        for (int i = 0; i < dt2.Columns.Count; i++)
                        {
                            string width = i == 0 ? "'50%'" : "'20%'"; // first column will be 50% and others 20%
                            sb.Append("<th width=" + width + " style = 'background-color: #e7e7e7;color:#000000'>");
                            sb.Append(dt2.Columns[i].ColumnName);
                            sb.Append("</th>");
                        }

                        sb.Append("</tr>");
                        foreach (DataRow row in dt2.Rows)
                        {
                            sb.Append("<tr>");
                            foreach (DataColumn column in dt2.Columns)
                            {
                                for (int i = 0; i < dt2.Rows.Count; i++)
                                {
                                    string width = i == 0 ? "'50%'" : "'20%'";
                                    sb.Append("<td  width=" + width + ">");
                                    sb.Append(row[column]);
                                    sb.Append("</td>");
                                }
                            }
                            sb.Append("</tr>");
                        }
 sb.Append("</table>");

Karthik_Mahalingam 26-Oct-17 7:07am

is this working?>

Anuj Mehta 26-Oct-17 8:21am

 not working sir plzz check screenshot hear

http://websitedevelopervadodara.blogspot.in/2017/10/change-width-of-product-description-hsn.html

Karthik_Mahalingam 26-Oct-17 8:35am

looks like it is taking equal width.
try giving it in pixels

Anuj Mehta 27-Oct-17 6:22am

 thank you very much its working using your code 

  for (int i = 0; i < dt2.Columns.Count; i++)
                        {
                            string width = i == 0 ? "2" : "1"; // first column will be 50% and others 20%
                            sb.Append("<td colspan=" + width + " rowspan='0' style = 'background-color: #e7e7e7;color:#000000'>");
                            sb.Append(dt2.Columns[i].ColumnName);
                            sb.Append("</td>");
                        }

Karthik_Mahalingam 27-Oct-17 7:16am

Cool