Re: HTML to latex: Controlling table column width

[BPJ <melroch-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>]

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

On 2020-10-29 21:33, BPJ wrote:
> Den tors 29 okt. 2020 21:11'Oliver Demetz' via pandoc-discuss <
> pandoc-discuss-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org> skrev:
> 
>> I could not find this CSS thing it in the docs,  can you point me to where
>> I find this?
>>
> It's just some CSS using rotate(-60), some negative padding and some extra
> padding at the top of the table to make room for the rotated text, and of
> course a similar filter to inject spans with classes.
> I have it on my work computer. I will post it as soon as I have started
> that computer tomorrow.
> 
> 

See the attached files.  Of course getting it to *really* work was 
harder than I remembered...

/bpj

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/33efccd0-2bbf-a0af-4b26-3b3edb17e098%40gmail.com.

[-- Attachment #2: test.html --]
[-- Type: text/html, Size: 2844 bytes --]

[-- Attachment #3: rotate-tab-heads.css --]
[-- Type: text/css, Size: 1750 bytes --]

table {
  border-collapse: collapse;
}

table th {
  font-weight: normal;
  border-bottom: 1px solid black;
}

div.rotate-table-headers {
  /************************************************************
    We need to set a padding above the table to make room
    for the rotated headers.

    Unfortunately the right amount of padding-top depends
    on the actual width of the widest column header text,
    so if possible you probably want to hard code a class/id
    or even a style attribute on the wrapping div and set the
    padding based on that.

    For the Pandoc filter solution I currently heuristically
    calculate a padding in ems from on the number of chars
    in the widest column header multiplied by a (fraction)
    factor and set a padding in a style attribute based on
    that. The factor can be modified by setting the metadata
    field `rotate_tab_heads_padding_factor` or the environment
    variable `PDC_ROTATE_TAB_HEADS_PADDING_FACTOR` to the
    desired factor. Not ideal but it works reasonably well
   ************************************************************/

  /* padding-top: 5em; */

  /* Uncomment to see box placement! *!
  /* border: 1px solid purple; */
}

div.rotate-table-headers table th span.rot {
  font-size: 0.85em;
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  transform-origin: top left;
  transform: translateY(90%) rotate(-60deg);
  text-align: left !important;
  vertical-align: top;
  max-width: 3em;
  height: 1em;

  /* Uncomment to see box placement! *!
  /* border: 1px solid red; */
}

div.rotate-table-headers table th {
  padding: 0;
  max-height: 0.85em;
  text-align: left !important;

  /* Uncomment to see box placement! *!
  /* border: 1px solid blue; */
}


[-- Attachment #4: rotate-tab-heads.lua --]
[-- Type: text/x-lua, Size: 1677 bytes --]

local padding_factor = 0.35

local function tab_heads (tab)
  -- Convert the complex Table into a SimpleTable
  local simple = pandoc.utils.to_simple_table(tab)
  -- Check how many columns we got
  if #simple.widths < 7 then return nil end
  -- Reset column widths
  for i=1, #simple.widths do
    simple.widths[i] = 0.0
  end
  local widest_head = 0
  for _,head in ipairs(simple.headers) do
  -- Check that the header contains only one block
    if #head == 1 then
      -- Check that that block is a Para or Plain
      if 'Para' == head[1].tag or 'Plain' == head[1].tag then
        -- Get the width in UTF-8 chars
        -- TODO: ignore combining marks?
        local width = pandoc.text.len(pandoc.utils.stringify(head[1]))
        -- Update the max width as needed
        if width > widest_head then widest_head = width end
        -- Insert the span
        head[1].content = {pandoc.Span(head[1].content, {class = "rot"})}
      end
    end
  end
  tab = pandoc.utils.from_simple_table(simple)
  local style = ("padding-top: %.02fem;"):format(
    (padding_factor * widest_head)
  )
  return pandoc.Div(tab, {class="rotate-table-headers", style=style})
end

local function get_config (meta)
  local factor = meta.rotate_tab_heads_padding_factor
    or os.getenv'PDC_ROTATE_TAB_HEADS_PADDING_FACTOR'
  if nil == factor then return nil end
  if 'table' == type(factor) then
    factor = pandoc.utils.stringify(factor)
  end
  padding_factor = assert(
    tonumber(factor),
    "Expected meta.rotate_tab_heads_padding_factor \z
    or PDC_ROTATE_TAB_HEADS_PADDING_FACTOR to be number"
  )
  return nil
end

return {
  { Meta = get_config },
  { Table = tab_heads },
}