How do I print an html table that is dynamically created in c#

Question

4.33/5 (2 votes)

See more:

This is the javascript code that I use

JavaScript

function Print() {
    var prntData = document.getElementById('Table1');
    var mywindow = window.open('', 'printer', 'height=400,width=600');
    mywindow.document.write('<html><head><title></title>');
    mywindow.document.write('</head><body style="direction:rtl;"><pre>');
    mywindow.document.write(prntData.innerHTML);
    mywindow.document.write('</body></html>');
    mywindow.document.close();
    mywindow.print();
}

This is my html table

ASP.NET

<table style="width: 100%;" class="MemberTbl"  runat="server" id="Table1">

I noticed that when I created the table myself and print it the code works but when I create it dynamically with a runat=server, on print button click it only brings up an empty white box.

How can a achieve this

Any help is welcome

Posted 20-Jan-14 1:10am

Member 10395722

Updated 20-Jan-14 2:38am

TorstenH.

v2

Add a Solution

Comments

TorstenH. 20-Jan-14 8:39am

I changed Tag "Java" to "JavaScript".
That might attract someone who knows.

Member 10395722 21-Jan-14 1:08am

I think I selected the wrong one, apologise for that

4 solutions

Solution 4

if runat=server for an html control,it becomes an asp.net control so use jquery to get the table ID
i.e var prntData = $("#<%=Table1.ClientID%>");

Posted 21-Jan-14 1:39am

praveenagarkar

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)

Ahmed Bensaid · Accepted Answer · 2014-01-20T02:16:00

Hello,
When you create it dynamically with a runat=server, the id of the element will change.
It will be something like this : "containerId_containerId_Table1".
So, in your print function, your first line of code will return nothing.
I hope it's clear.

You can use a library like jQuery to get your HTML element with this method :
Attribute Ends With Selector [name$="value"]

eVcAMC · Accepted Answer · 2014-01-20T02:18:00

Solution 2

Hello, you could add the [ClientIDMode="Static"] attribute.

See http://msdn.microsoft.com/en-us/library/vstudio/system.web.ui.control.clientidmode(v=vs.100).aspx[more info about the ClientIDMode attribute]

Best Regards.

Posted 20-Jan-14 2:18am

eVcAMC

Updated 20-Jan-14 2:19am

v2

Member 10395722 · Accepted Answer · 2014-01-21T00:44:00

XML

function Print() {
    var prntData = document.getElementById('Table1');
    var mywindow = window.open('', 'printer', 'height=400,width=600');
    mywindow.document.write('<html><head><title></title>');
    mywindow.document.write('</head><body style="direction:rtl;"><pre>');
    mywindow.document.write(prntData.innerHTML);
    mywindow.document.write('</body></html>');
    mywindow.document.close();
    mywindow.print();
}

I still used this code, but the way I loaded the data into the table is differnt. Instead of creating the rows and cells using HtmlGenericControl I just used document.write

How do I print an html table that is dynamically created in c#

4 solutions

Solution 1

Solution 2

Solution 4

Solution 3

Add your solution here

Preview 0