簡體   English   中英

R:對齊 DT 表中的嵌套標題

[英]R: Aligning nested headers in DT table

我想生成一個帶有三重嵌套標題的DT表,但我沒有正確對齊。 雙嵌套的事情非常簡單,請參見下面的代碼:

library(DT)
library(dplyr)

### yearly breakdown

df_year <- data.frame(
  group = LETTERS[1:6],
  year = rep(2017, 6),
  A_2017 = rnorm(6),
  B_2017 = rnorm(6)
)

sketch_year = htmltools::withTags(table(class = 'display',
                                   thead(tr(
                                     th(rowspan = 2, 'Group'),
                                     lapply(unique(df_year$year),
                                            th, colspan = 2)
                                   ),

                                   tr(
                                     lapply(rep(c(
                                       'Alpha', 'Beta'
                                     ), length(unique(df_year$year))), th)
                                   ))))

DT::datatable(select(df_year, -year),
              container = sketch_year,
              rownames = FALSE,
              fillContainer = TRUE)

但是,如果我嘗試將類似的原則應用於第三行,則它似乎未對齊:

## quarterly breakdown
df_qrt <- data.frame(
  group = LETTERS[1:6],
  year = rep(2017, 6),
  Q1_2017A = rnorm(6),
  Q1_2017B = rnorm(6),
  Q2_2017A = rnorm(6),
  Q2_2017B = rnorm(6),
  Q3_2017A = rnorm(6),
  Q3_2017B = rnorm(6),
  Q4_2017A = rnorm(6),
  Q4_2017B = rnorm(6)
)

sketch_qrt = htmltools::withTags(
  table(class = 'display',
        thead(tr(
          th(rowspan = 2, 'Group'),
          lapply(unique(df_qrt$year),
                 th, colspan = 8)
        ),
        tr(
          lapply(paste0('Q', 1:4),
                 th, colspan = 2)
        ),

        tr(lapply(rep(
          c('Alpha', 'Beta'), 4
        ), th))
        ))
)

DT::datatable(select(df_qrt, -year),
              container = sketch_qrt,
              rownames = FALSE,
              fillContainer = TRUE)

我怎樣才能讓它正確對齊? 謝謝。

在這種情況下,對齊被拋出,因為“組”標題沒有更改為跨越新創建的行。

sketch <-  htmltools::withTags(
        table(class = 'display',
              thead(tr(
                th(rowspan = 3, 'Group'),
                lapply(unique(df$year),
                       th, colspan = 8)

連接<dt>和</dt><dd>在<div id="text_translate"><p>我想創建頁面 header 並且我需要在一行中連接 dt 和 dd 這是我的視圖代碼:</p><pre> &lt;div style="margin-left:100px"&gt; &lt;hr /&gt; &lt;dl class="horizontal"&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_Name)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_Name)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_No)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_No)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.SEX)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.SEX)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.AGE)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.AGE)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.order_number)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.order_number)&lt;/dd&gt; &lt;/dl&gt; &lt;/div&gt;</pre><p> output 現在標題在第一行,數據在第二行:</p><p> 患者姓名</p><p>薩米阿里</p><p>患者_否</p><p> 345676</p><p> 但我需要這樣的 output:</p><p> Patient_Name 薩米·阿里</p><p>患者_編號 345676</p><p> 等等,我該怎么做?</p></div><table></table></dd>

[英]concatenate <dt> with <dd> in <table>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 表頭沒有正確對齊 對齊嵌套表格的寬度 在嵌套表中對齊td 在 R 中的 DT::datatable 中包含表容器 對齊嵌套表中的行和列 對齊 Bootstrap 手風琴頭 將兩個具有動態寬度的div和具有100%寬度的嵌套表對齊 使用jQuery對齊嵌套表標題 連接<dt>和</dt><dd>在<div id="text_translate"><p>我想創建頁面 header 並且我需要在一行中連接 dt 和 dd 這是我的視圖代碼:</p><pre> &lt;div style="margin-left:100px"&gt; &lt;hr /&gt; &lt;dl class="horizontal"&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_Name)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_Name)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_No)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_No)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.SEX)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.SEX)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.AGE)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.AGE)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.order_number)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.order_number)&lt;/dd&gt; &lt;/dl&gt; &lt;/div&gt;</pre><p> output 現在標題在第一行,數據在第二行:</p><p> 患者姓名</p><p>薩米阿里</p><p>患者_否</p><p> 345676</p><p> 但我需要這樣的 output:</p><p> Patient_Name 薩米·阿里</p><p>患者_編號 345676</p><p> 等等,我該怎么做?</p></div><table></table></dd> 帶有嵌套 td 子項的嵌套表,沒有 Json 的標題
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM