5

How to display HTML table with rows and columns in WebView in Android.

Give me some example.

laalto
  • 144,748
  • 64
  • 275
  • 293
Android_prog
  • 133
  • 2
  • 3
  • 11

3 Answers3

7

Create an HTML template 

    String myTable = "<table border=1>" +
        "<tr>" +
        "<td>row 1, cell 1</td>" +
        "<td>row 1, cell 2</td>" +
        "</tr>" +
        "<tr>" +
        "<td>row 2, cell 1</td>" +
        "<td>row 2, cell 2</td>" +
        "</tr>" +
        "</table>";

and load into your WebView

myWebView.loadDataWithBaseURL(null, myTable, "text/html", "utf-8", null);
Jorgesys
  • 119,885
  • 23
  • 317
  • 256
  • 1
    It works fine, but the problem is I am unable to use other features of HTML table like I want to reduce the cellspacing between rows, or I want to add some color to cell spacing called Border Color, which I am not able to do with Android. Can u give me sample code for table which appears exactly like table with lines in middle of columns and rows. Thanks in Advance, – Android_prog Aug 21 '10 at 18:40
  • 1
    In landscape mode the text disappears. if size is bigger. Not able to put scroll within webview. Any idea how to implement scroll in webview – mainu Aug 01 '13 at 05:17
  • I wrote: myWebView.loadData(myTable, "text/html", "utf-8"); and the page wasn't loaded. I replaced it to myWebView.loadDataWithBaseURL(null, myTable, "text/html", "utf-8", null); as mentioned, and the page was loaded! – M. Marmor Dec 24 '20 at 14:13
2

Its also working for me:

String tag = "<table border=1>" +
                "<tr>" +
                   "<td>row 1, cell 1</td>" +
                   "<td>row 1, cell 2</td>" +
                "</tr>" +
                "<tr>" +
                   "<td>row 2, cell 1</td>" +
                   "<td>row 2, cell 2</td>" +
                "</tr>" +
             "</table>";

((WebView) findViewById(R.id.web)).loadData(tag, "text/html", "utf-8");
Pratik Butani
  • 56,749
  • 54
  • 254
  • 407
0

I think that this is an issue related to Android web view's in 2.2 and 2.3. The table tags like width, cell-spacing, and cell-padding are not supported in some web views and thus should not be used. If you want to style a table with webView.loadData(), use inline stlying with the style tag only.

Table border should also be removed as well.

Droid Chris
  • 2,703
  • 23
  • 28