Grid Table in HTML output

Grid Table in HTML output

[Nathan Eikermann]

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

Hi,

I am fairly new to pandoc. I've been using it in university to write down 
stuff during class. It really works well so far.
So far only one thing bugs me: 

I have a table like this in the markdown file:

:    NOT, Negation                    

+ - - -+ - - - - - - - - - - -+
 | a    | $\lnot a$          |
+===+===========+
 | 0    | 1                     |
+ - - -+ - - - - - - - - - - -+
 | 1    | 0                     |
+ - - -+ - - - - - - - - - - -+


I convert the .md files to html using pandoc-academic in sublime-text. In 
the html output the tables have no grid though.
What do I need to add to the html template so that the table will have a 
grid in the output?

Thanks for your help in advance!

Nathan

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/c9885c55-e82e-4616-8e6a-23a09fc91ac2%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

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

Re: Grid Table in HTML output

[John Gabriele]

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

I'm not familiar with pandoc-academic, but if you want borders in the html
output of your tables, you can do that with css. I like to keep a
~/tmpl/styles.css file hanging around with some basic styling, and then
process my files using a command like:

    pandoc -s -S --css=/home/john/tmpl/styles.css -o foo.html foo.txt

-- John



On Sun, Oct 27, 2013 at 8:06 AM, Nathan Eikermann <
tensazangetsu1990-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:

> Hi,
>
> I am fairly new to pandoc. I've been using it in university to write down
> stuff during class. It really works well so far.
> So far only one thing bugs me:
>
> I have a table like this in the markdown file:
>
> :    NOT, Negation
>
> + - - -+ - - - - - - - - - - -+
>  | a    | $\lnot a$          |
> +===+===========+
>  | 0    | 1                     |
> + - - -+ - - - - - - - - - - -+
>  | 1    | 0                     |
> + - - -+ - - - - - - - - - - -+
>
>
> I convert the .md files to html using pandoc-academic in sublime-text. In
> the html output the tables have no grid though.
> What do I need to add to the html template so that the table will have a
> grid in the output?
>
> Thanks for your help in advance!
>
> Nathan
>
> --
> You received this message because you are subscribed to the Google Groups
> "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/c9885c55-e82e-4616-8e6a-23a09fc91ac2%40googlegroups.com
> .
> For more options, visit https://groups.google.com/groups/opt_out.
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CAO9PwMUQqn3F85p6d6gjqYNEQfrofG4qCKzxOZkRsPyEo3W4QA%40mail.gmail.com.
For more options, visit https://groups.google.com/groups/opt_out.

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

Re: Grid Table in HTML output

[Nathan Eikermann]

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

Hi,
Thank you for your answer!
Though my question was more like what exactl line do I need to add to the 
css file. I have no idea what the syntax for the table borders is.

Am Sonntag, 27. Oktober 2013 18:44:30 UTC+1 schrieb John Gabriele:
>
> I'm not familiar with pandoc-academic, but if you want borders in the html 
> output of your tables, you can do that with css. I like to keep a 
> ~/tmpl/styles.css file hanging around with some basic styling, and then 
> process my files using a command like:
>
>     pandoc -s -S --css=/home/john/tmpl/styles.css -o foo.html foo.txt
>
> -- John
>
>
>
> On Sun, Oct 27, 2013 at 8:06 AM, Nathan Eikermann <
> tensazan...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org <javascript:>> wrote:
>
>> Hi,
>>
>> I am fairly new to pandoc. I've been using it in university to write down 
>> stuff during class. It really works well so far.
>> So far only one thing bugs me: 
>>
>> I have a table like this in the markdown file:
>>
>> :    NOT, Negation                    
>>
>> + - - -+ - - - - - - - - - - -+
>>  | a    | $\lnot a$          |
>> +===+===========+
>>  | 0    | 1                     |
>> + - - -+ - - - - - - - - - - -+
>>  | 1    | 0                     |
>> + - - -+ - - - - - - - - - - -+
>>
>>
>> I convert the .md files to html using pandoc-academic in sublime-text. In 
>> the html output the tables have no grid though.
>> What do I need to add to the html template so that the table will have a 
>> grid in the output?
>>
>> Thanks for your help in advance!
>>
>> Nathan
>>
>> -- 
>> You received this message because you are subscribed to the Google Groups 
>> "pandoc-discuss" group.
>> To unsubscribe from this group and stop receiving emails from it, send an 
>> email to pandoc-discus...-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org <javascript:>.
>> To post to this group, send email to pandoc-...-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org<javascript:>
>> .
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/pandoc-discuss/c9885c55-e82e-4616-8e6a-23a09fc91ac2%40googlegroups.com
>> .
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/cb310468-41ee-4328-9f68-ca396f13328c%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

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

Re: Grid Table in HTML output

[John Gabriele]

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

Oh, well, maybe start your styles.css file off with this:

~~~css
table {
    background-color: #eee;
    padding-left: 2px;
    border: 2px solid #ccc;
    border-collapse: collapse;
}

th {
    background-color: #ccc;
    padding-right: 4px;
}

tr, td, th {
    border: 2px solid #ccc;
    padding-left: 4px;
    padding-left: 4px;
}
~~~

-- John



On Sun, Oct 27, 2013 at 1:58 PM, Nathan Eikermann <
tensazangetsu1990-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:

> Hi,
> Thank you for your answer!
> Though my question was more like what exactl line do I need to add to the
> css file. I have no idea what the syntax for the table borders is.
>
> Am Sonntag, 27. Oktober 2013 18:44:30 UTC+1 schrieb John Gabriele:
>>
>> I'm not familiar with pandoc-academic, but if you want borders in the
>> html output of your tables, you can do that with css. I like to keep a
>> ~/tmpl/styles.css file hanging around with some basic styling, and then
>> process my files using a command like:
>>
>>     pandoc -s -S --css=/home/john/tmpl/styles.**css -o foo.html foo.txt
>>
>> -- John
>>
>>
>>
>> On Sun, Oct 27, 2013 at 8:06 AM, Nathan Eikermann <
>> tensazan...@googlemail.**com> wrote:
>>
>>> Hi,
>>>
>>> I am fairly new to pandoc. I've been using it in university to write
>>> down stuff during class. It really works well so far.
>>> So far only one thing bugs me:
>>>
>>> I have a table like this in the markdown file:
>>>
>>> :    NOT, Negation
>>>
>>> + - - -+ - - - - - - - - - - -+
>>>  | a    | $\lnot a$          |
>>> +===+===========+
>>>  | 0    | 1                     |
>>> + - - -+ - - - - - - - - - - -+
>>>  | 1    | 0                     |
>>> + - - -+ - - - - - - - - - - -+
>>>
>>>
>>> I convert the .md files to html using pandoc-academic in sublime-text.
>>> In the html output the tables have no grid though.
>>> What do I need to add to the html template so that the table will have a
>>> grid in the output?
>>>
>>> Thanks for your help in advance!
>>>
>>> Nathan
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "pandoc-discuss" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to pandoc-discus...@**googlegroups.com.
>>> To post to this group, send email to pandoc-...@googlegroups.**com.
>>> To view this discussion on the web visit https://groups.google.com/d/**
>>> msgid/pandoc-discuss/c9885c55-**e82e-4616-8e6a-23a09fc91ac2%**
>>> 40googlegroups.com<https://groups.google.com/d/msgid/pandoc-discuss/c9885c55-e82e-4616-8e6a-23a09fc91ac2%40googlegroups.com>
>>> .
>>> For more options, visit https://groups.google.com/**groups/opt_out<https://groups.google.com/groups/opt_out>
>>> .
>>>
>>
>>  --
> You received this message because you are subscribed to the Google Groups
> "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/cb310468-41ee-4328-9f68-ca396f13328c%40googlegroups.com
> .
> For more options, visit https://groups.google.com/groups/opt_out.
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CAO9PwMWacMwJn1s6M6Y2E8LX3jC-COoF8qZBpVuvoR0LXr%3D%3D6w%40mail.gmail.com.
For more options, visit https://groups.google.com/groups/opt_out.

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

Re: Grid Table in HTML output

[Nathan Eikermann]

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

Thanks! Works really well! 

Am Montag, 28. Oktober 2013 00:22:40 UTC+1 schrieb John Gabriele:
>
> Oh, well, maybe start your styles.css file off with this:
>
> ~~~css
> table {
>     background-color: #eee;
>     padding-left: 2px;
>     border: 2px solid #ccc;
>     border-collapse: collapse;
> }
>
> th {
>     background-color: #ccc;
>     padding-right: 4px;
> }
>
> tr, td, th {
>     border: 2px solid #ccc;
>     padding-left: 4px;
>     padding-left: 4px;
> }
> ~~~
>
> -- John
>
>
>
> On Sun, Oct 27, 2013 at 1:58 PM, Nathan Eikermann <
> tensazan...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org <javascript:>> wrote:
>
>> Hi,
>> Thank you for your answer!
>> Though my question was more like what exactl line do I need to add to the 
>> css file. I have no idea what the syntax for the table borders is.
>>
>> Am Sonntag, 27. Oktober 2013 18:44:30 UTC+1 schrieb John Gabriele:
>>>
>>> I'm not familiar with pandoc-academic, but if you want borders in the 
>>> html output of your tables, you can do that with css. I like to keep a 
>>> ~/tmpl/styles.css file hanging around with some basic styling, and then 
>>> process my files using a command like:
>>>
>>>     pandoc -s -S --css=/home/john/tmpl/styles.**css -o foo.html foo.txt
>>>
>>> -- John
>>>
>>>
>>>
>>> On Sun, Oct 27, 2013 at 8:06 AM, Nathan Eikermann <
>>> tensazan...@googlemail.**com> wrote:
>>>
>>>> Hi,
>>>>
>>>> I am fairly new to pandoc. I've been using it in university to write 
>>>> down stuff during class. It really works well so far.
>>>> So far only one thing bugs me: 
>>>>
>>>> I have a table like this in the markdown file:
>>>>
>>>> :    NOT, Negation                    
>>>>
>>>> + - - -+ - - - - - - - - - - -+
>>>>  | a    | $\lnot a$          |
>>>> +===+===========+
>>>>  | 0    | 1                     |
>>>> + - - -+ - - - - - - - - - - -+
>>>>  | 1    | 0                     |
>>>> + - - -+ - - - - - - - - - - -+
>>>>
>>>>
>>>> I convert the .md files to html using pandoc-academic in sublime-text. 
>>>> In the html output the tables have no grid though.
>>>> What do I need to add to the html template so that the table will have 
>>>> a grid in the output?
>>>>
>>>> Thanks for your help in advance!
>>>>
>>>> Nathan
>>>>  
>>>> -- 
>>>> You received this message because you are subscribed to the Google 
>>>> Groups "pandoc-discuss" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send 
>>>> an email to pandoc-discus...@**googlegroups.com.
>>>> To post to this group, send email to pandoc-...@googlegroups.**com.
>>>> To view this discussion on the web visit https://groups.google.com/d/**
>>>> msgid/pandoc-discuss/c9885c55-**e82e-4616-8e6a-23a09fc91ac2%**
>>>> 40googlegroups.com<https://groups.google.com/d/msgid/pandoc-discuss/c9885c55-e82e-4616-8e6a-23a09fc91ac2%40googlegroups.com>
>>>> .
>>>> For more options, visit https://groups.google.com/**groups/opt_out<https://groups.google.com/groups/opt_out>
>>>> .
>>>>
>>>
>>>  -- 
>> You received this message because you are subscribed to the Google Groups 
>> "pandoc-discuss" group.
>> To unsubscribe from this group and stop receiving emails from it, send an 
>> email to pandoc-discus...-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org <javascript:>.
>> To post to this group, send email to pandoc-...-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org<javascript:>
>> .
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/pandoc-discuss/cb310468-41ee-4328-9f68-ca396f13328c%40googlegroups.com
>> .
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/082c1f6f-3d19-498d-8593-1f90d0782800%40googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

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