org-table: missing vertical boundary when exported

org-table: missing vertical boundary when exported

[Shiyuan]

[-- Attachment #1: Type: text/plain, Size: 594 bytes --]

Hi,
    I am following the manual example
http://orgmode.org/worg/org-tutorials/tables.html. But the two vertical
boundary line on the very left and right
is not showing up when exported to html.  Anything I am missing? Thanks.


|   |  N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
|---+----+-----+-----+-----+---------+------------|
| / | <> |   < |     |   > |       < |          > |
| # |  1 |   1 |   1 |   1 |       1 |          1 |
| # |  2 |   4 |   8 |  16 |  1.4142 |     1.1892 |
| # |  3 |   9 |  27 |  81 |  1.7321 |     1.3161 |
|---+----+-----+-----+-----+---------+------------|

[-- Attachment #2: Type: text/html, Size: 883 bytes --]

Re: org-table: missing vertical boundary when exported

[Thorsten Jolitz]

Shiyuan <gshy2014@gmail.com> writes:

> Hi, 
> I am following the manual example
> http://orgmode.org/worg/org-tutorials/tables.html. But the two
> vertical boundary line on the very left and right 
> is not showing up when exported to html. Anything I am missing?
> Thanks. 
>
> | | N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
> |---+----+-----+-----+-----+---------+------------|
> | / | <> | < | | > | < | > |
> | # | 1 | 1 | 1 | 1 | 1 | 1 |
> | # | 2 | 4 | 8 | 16 | 1.4142 | 1.1892 |
> | # | 3 | 9 | 27 | 81 | 1.7321 | 1.3161 |
> |---+----+-----+-----+-----+---------+------------|


Looks alright for me as html in emacs-w3m:

+-------------------------------+
|N|N^2|N^3|N^4|sqrt(n)|sqrt^1(N)|
|-+---+---+---+-------+---------|
|1|1  |1  |1  |1      |1        |
|-+---+---+---+-------+---------|
|2|4  |8  |16 |1.4142 |1.1892   |
|-+---+---+---+-------+---------|
|3|9  |27 |81 |1.7321 |1.3161   |
+-------------------------------+

Footnotes:

^1

DEFINITION NOT FOUND.

Author: Thorsten Jolitz

Created: 2014-06-07 Sa 23:38

Emacs 24.3.1 (Org mode 8.2.6)

Validate


-- 
cheers,
Thorsten

Re: org-table: missing vertical boundary when exported

[Shiyuan]

[-- Attachment #1: Type: text/plain, Size: 1401 bytes --]

I use Emacs 24.3.9, org 8.2.6. I viewed the html on Chrome/Firebox. I don't
use emacs-w3m.  But could it be the problem of browsers? Thanks.


On Sat, Jun 7, 2014 at 2:40 PM, Thorsten Jolitz <tjolitz@gmail.com> wrote:

> Shiyuan <gshy2014@gmail.com> writes:
>
> > Hi,
> > I am following the manual example
> > http://orgmode.org/worg/org-tutorials/tables.html. But the two
> > vertical boundary line on the very left and right
> > is not showing up when exported to html. Anything I am missing?
> > Thanks.
> >
> > | | N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
> > |---+----+-----+-----+-----+---------+------------|
> > | / | <> | < | | > | < | > |
> > | # | 1 | 1 | 1 | 1 | 1 | 1 |
> > | # | 2 | 4 | 8 | 16 | 1.4142 | 1.1892 |
> > | # | 3 | 9 | 27 | 81 | 1.7321 | 1.3161 |
> > |---+----+-----+-----+-----+---------+------------|
>
>
> Looks alright for me as html in emacs-w3m:
>
> +-------------------------------+
> |N|N^2|N^3|N^4|sqrt(n)|sqrt^1(N)|
> |-+---+---+---+-------+---------|
> |1|1  |1  |1  |1      |1        |
> |-+---+---+---+-------+---------|
> |2|4  |8  |16 |1.4142 |1.1892   |
> |-+---+---+---+-------+---------|
> |3|9  |27 |81 |1.7321 |1.3161   |
> +-------------------------------+
>
> Footnotes:
>
> ^1
>
> DEFINITION NOT FOUND.
>
> Author: Thorsten Jolitz
>
> Created: 2014-06-07 Sa 23:38
>
> Emacs 24.3.1 (Org mode 8.2.6)
>
> Validate
>
>
> --
> cheers,
> Thorsten
>
>
>

[-- Attachment #2: Type: text/html, Size: 2307 bytes --]

Re: org-table: missing vertical boundary when exported

[Thorsten Jolitz]

[-- Attachment #1: Type: text/plain, Size: 251 bytes --]

Shiyuan <gshy2014@gmail.com> writes:

> I use Emacs 24.3.9, org 8.2.6. I viewed the html on Chrome/Firebox. I
> don't use emacs-w3m. But could it be the problem of browsers? Thanks. 

hmm ... no idea, but I attach the html, so you can compare that. 


[-- Attachment #2: tbl.html --]
[-- Type: text/html, Size: 6560 bytes --]

[-- Attachment #3: Type: text/plain, Size: 22 bytes --]


-- 
cheers,
Thorsten

Re: org-table: missing vertical boundary when exported

[Rick Frankel]

On 2014-06-07 17:15, Shiyuan wrote:
>     I am following the manual
> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
> two vertical boundary line on the very left and right 
> is not showing up when exported to html.  Anything I am missing? 
> Thanks. 

My guess is that it is related to the css being used to style the table
in your setup.

Could you post a minimal example with the html output?

rick

Re: org-table: missing vertical boundary when exported

[John Hendy]

On Tue, Jun 10, 2014 at 8:23 AM, Rick Frankel <rick@rickster.com> wrote:
> On 2014-06-07 17:15, Shiyuan wrote:
>>
>>     I am following the manual
>> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
>> two vertical boundary line on the very left and right
>> is not showing up when exported to html.  Anything I am missing? Thanks.
>
>
> My guess is that it is related to the css being used to style the table
> in your setup.

Agreed. I just used `emacs -Q` with this minimal config:

(add-to-list 'load-path "~/.elisp/org.git/contrib/lisp/")
(add-to-list 'load-path "~/.elisp/org.git/lisp/")

Exporting the following simple table yields no vertical lines at all,
just two horizontal lines at the top and bottom of the table:

* test

|   |   |   |
| A | B | C |
| 1 | 2 | 3 |
| a | b | c |


If I use something like the old Worg css sheet, however, I get a box
around the table:

#+html_head: <link rel="stylesheet" type="text/css"
href="http://tinyurl.com/77t76qa" />

So, I believe it's related to the css. There's an entry in the Worg css like so:

  table {
    border: none;
  }

So I'm guessing that can be changed (there's entries for td and th as
well, which seem relevant). Now that I actually look at it, I don't
know why the table has a box around it since all the borders say
"none"... but I'm not a css guy :)


John

>
> Could you post a minimal example with the html output?
>
> rick
>

Re: org-table: missing vertical boundary when exported

[Shiyuan]

[-- Attachment #1: Type: text/plain, Size: 1361 bytes --]

Yes, it seems to be related to the browser or css style stuff.  In fact,
for the attached html in  Thorsten's previous email, the two boundaries
vertical lines are also missing in my Google Chrome or Firefox.  Thanks.

This is the example directed from copy-paste.

|   |  N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
|---+----+-----+-----+-----+---------+------------|
| / | <> |   < |     |   > |       < |          > |
| # |  1 |   1 |   1 |   1 |       1 |          1 |
| # |  2 |   4 |   8 |  16 |  1.4142 |     1.1892 |
| # |  3 |   9 |  27 |  81 |  1.7321 |     1.3161 |
|---+----+-----+-----+-----+---------+------------|
This is my minimal config, Emacs start with '-Q  -l "~/myorg.el" which is

(package-initialize)
(org-babel-do-load-languages
 'org-babel-load-languages
 '((python . t)
   (emacs-lisp . t)
   (latex . t)))



On Tue, Jun 10, 2014 at 6:23 AM, Rick Frankel <rick@rickster.com> wrote:

> On 2014-06-07 17:15, Shiyuan wrote:
>
>>     I am following the manual
>> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
>>
>> two vertical boundary line on the very left and right
>> is not showing up when exported to html.  Anything I am missing? Thanks.
>>
>
> My guess is that it is related to the css being used to style the table
> in your setup.
>
> Could you post a minimal example with the html output?
>
> rick
>

[-- Attachment #2: Type: text/html, Size: 2363 bytes --]

Re: org-table: missing vertical boundary when exported

[Shiyuan]

[-- Attachment #1: Type: text/plain, Size: 2258 bytes --]

Hi,
    I learned a bit a about html/css and took another look the issue. It
turns out that org-mode uses the border attribute which is not respected by
my browser(Google Chrome version 36.0.1985.125 on Mac 10.9.4) .

Org mode generated this line in the html for table but the border is not
displayed,
<table border="2" cellspacing="0" cellpadding="6" rules="groups"
frame="hsides">

If we use css style to specify the border,  the table border would show up:
<table style="border:2px" cellspacing="0" cellpadding="6" rules="groups"
frame="hsides">

Don't know why it is that. But is there any org keywords/properties I can
specify so that  Org would not use the border  attribute but use the style
attribute instead when exporting to html? Thanks.

Shiyuan



On Tue, Jun 10, 2014 at 10:34 PM, Shiyuan <gshy2014@gmail.com> wrote:

> Yes, it seems to be related to the browser or css style stuff.  In fact,
> for the attached html in  Thorsten's previous email, the two boundaries
> vertical lines are also missing in my Google Chrome or Firefox.  Thanks.
>
> This is the example directed from copy-paste.
>
> |   |  N | N^2 | N^3 | N^4 | sqrt(n) | sqrt[4](N) |
> |---+----+-----+-----+-----+---------+------------|
> | / | <> |   < |     |   > |       < |          > |
> | # |  1 |   1 |   1 |   1 |       1 |          1 |
> | # |  2 |   4 |   8 |  16 |  1.4142 |     1.1892 |
> | # |  3 |   9 |  27 |  81 |  1.7321 |     1.3161 |
> |---+----+-----+-----+-----+---------+------------|
> This is my minimal config, Emacs start with '-Q  -l "~/myorg.el" which is
>
> (package-initialize)
> (org-babel-do-load-languages
>  'org-babel-load-languages
>  '((python . t)
>    (emacs-lisp . t)
>    (latex . t)))
>
>
>
> On Tue, Jun 10, 2014 at 6:23 AM, Rick Frankel <rick@rickster.com> wrote:
>
>> On 2014-06-07 17:15, Shiyuan wrote:
>>
>>>     I am following the manual
>>> example http://orgmode.org/worg/org-tutorials/tables.html [1]. But the
>>>
>>> two vertical boundary line on the very left and right
>>> is not showing up when exported to html.  Anything I am missing? Thanks.
>>>
>>
>> My guess is that it is related to the css being used to style the table
>> in your setup.
>>
>> Could you post a minimal example with the html output?
>>
>> rick
>>
>
>

[-- Attachment #2: Type: text/html, Size: 3826 bytes --]

Re: org-table: missing vertical boundary when exported

[Rick Frankel]

[-- Warning: decoded text below may be mangled, UTF-8 assumed --]
[-- Attachment #1: Type: text/plain; charset=utf-8, Size: 1126 bytes --]

On Sat, Aug 09, 2014 at 05:49:27PM -0700, Shiyuan wrote:
>    Hi,Â
>    Â Â I learned a bit a about html/css and took another look the issue. It
>    turns out that org-mode uses the border attribute which is not respected
>    by my browser(Google Chrome version 36.0.1985.125 on Mac 10.9.4) .Â
>    Org mode generated this line in the html for table but the border is not
>    displayed,Â
>    <table border="2" cellspacing="0" cellpadding="6" rules="groups"
>    frame="hsides">

The "border" attribute has nothing to do with it. It's the "frame" attribute
which sets the default top and bottom borders.

>    If we use css style to specify the border, Â the table border would show
>    up:Â
>    <table style="border:2px" cellspacing="0" cellpadding="6" rules="groups"
>    frame="hsides">

No. The CSS should be in the header, not an attribute of the tag. Have you
tried setting the 'HTML_HEAD_EXTRA' option?  somehting like:

#+HTML_HEAD_EXTRA: <style type="text/css">
#+HTML_HEAD_EXTRA: table {border-left: 1px solid black; border-right: 1px solid black;}
#+HTML_HEAD_EXTRA: </style>


rick

Re: org-table: missing vertical boundary when exported

[Shiyuan]

[-- Attachment #1: Type: text/plain, Size: 1510 bytes --]

Rick,
   Do you mean that  <table border="2"> and <table style="border:2px">
don't mean the same thing? Their names suggest they do the same things.
That's a terrible naming. Changing the former to the latter does fix the
problem though. Why is that?

Using the #+HTML_HEAD_EXTRA options as you suggest can also fix the
problem. But could you explain why using the HTML_HEAD_EXTRA is more
advisable than setting the <table style="border:2px"> directly as table
attributes? What would you suggest if we want some tables have orders and
others don't have borders in the same html webpage?

Thank you.

Shiyuan


>    Org mode generated this line in the html for table but the border is
> not
> >    displayed,Â
> >    <table border="2" cellspacing="0" cellpadding="6" rules="groups"
> >    frame="hsides">
>
> The "border" attribute has nothing to do with it. It's the "frame"
> attribute
> which sets the default top and bottom borders.
>


> >    If we use css style to specify the border, Â the table border would
> show
> >    up:Â
> >    <table style="border:2px" cellspacing="0" cellpadding="6"
> rules="groups"
> >    frame="hsides">
>
> No. The CSS should be in the header, not an attribute of the tag. Have you
> tried setting the 'HTML_HEAD_EXTRA' option?  somehting like:
> #+HTML_HEAD_EXTRA: <style type="text/css">
> #+HTML_HEAD_EXTRA: table {border-left: 1px solid black; border-right: 1px
> solid black;}
> #+HTML_HEAD_EXTRA: </style>
>
>
> rick
>

[-- Attachment #2: Type: text/html, Size: 2453 bytes --]

Re: org-table: missing vertical boundary when exported

[Rick Frankel]

On 2014-08-13 00:46, Shiyuan wrote:
> Rick, 
>    Do you mean that  <table border="2"> and <table style="border:2px">
> don't mean the same thing? Their names suggest they do the same
> things. That's a terrible naming. Changing the former to the latter
> does fix the problem though. Why is that? 

Please read the HTML specifications for an explaination. By my reading
border="2" is in fact invalid in html5:

The border attribute may be specified on a table element to
explicitly indicate that the table element is not being used for
layout purposes. If specified, the attribute's value must either
be the empty string or the value "1". The attribute is used by
certain user agents as an indication that borders should be drawn
around cells of the table.

In html4 it does seem to do the same thing:

border = pixels [CN]
This attributes specifies the width (in pixels only) of the frame
around a table (see the Note below for more information about this
attribute).
>      
> Using the #+HTML_HEAD_EXTRA options as you suggest can also fix the
> problem. But could you explain why using the HTML_HEAD_EXTRA is more
> advisable than setting the <table style="border:2px"> directly as
> table attributes? What would you suggest if we want some tables have
> orders and others don't have borders in the same html webpage? 

Use css selectors. If you want to set the style attribute directly on
the table element in a post-processor you may, but is is not
considered best practice.