用formattable格式化表格

基础概念

formattable 是一个用于格式化表格数据的 JavaScript 库。它允许你通过简单的配置来美化表格，使其更具可读性和美观性。formattable 支持多种格式化选项，如颜色、字体样式、对齐方式等。

类型

formattable 主要有以下几种类型：

基本表格：最简单的表格形式，适用于简单的数据展示。
分组表格：可以将表格数据分组显示，便于查看和分析。
排序表格：支持对表格数据进行排序，方便用户查找和比较数据。
筛选表格：提供筛选功能，可以快速过滤出需要的数据。

应用场景

formattable 适用于以下场景：

数据报表：用于生成美观的数据报表，便于查看和分析。
数据可视化：结合图表库，可以将表格数据可视化展示。
后台管理系统：用于展示和管理系统中的数据。
Web 应用：在 Web 应用中展示和操作数据。

示例代码

以下是一个使用 formattable 格式化表格的示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Formattable Table Example</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/formattable/0.2.1/formattable.min.css">
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <table id="table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>City</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>John Doe</td>
                <td>30</td>
                <td>New York</td>
            </tr>
            <tr>
                <td>Jane Smith</td>
                <td>25</td>
                <td>Los Angeles</td>
            </tr>
            <tr>
                <td>Mike Johnson</td>
                <td>40</td>
                <td>Chicago</td>
            </tr>
        </tbody>
    </table>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/formattable/0.2.1/formattable.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#table').formattable({
                headers: {
                    0: 'Name',
                    1: 'Age',
                    2: 'City'
                },
                columns: {
                    0: {formatter: $.fn.formattable.formatName},
                    1: {formatter: $.fn.formattable.formatNumber},
                    2: {formatter: $.fn.formattable.formatString}
                }
            });
        });
    </script>
</body>
</html>

参考链接

formattable GitHub 仓库

常见问题及解决方法

样式不生效：
- 确保引入了 formattable 的 CSS 和 JS 文件。
- 检查是否有其他 CSS 样式覆盖了 formattable 的样式。

表格数据不显示：
- 确保表格数据正确加载到 DOM 中。
- 检查是否有 JavaScript 错误导致表格无法初始化。
排序和筛选功能不工作：
- 确保在初始化表格时启用了相应的功能。
- 检查是否有 JavaScript 错误导致功能无法正常工作。

通过以上步骤，你应该能够成功使用 formattable 格式化表格，并解决常见的使用问题。

页面内容是否对你有帮助？

有帮助

没帮助

用formattable格式化表格

我有一个用R绘制的表格，如下所示。但是我的代码只生成了半张表的迷你图。还有一种方法可以设置表格显示的条目数量。我对一页上的所有30行感兴趣。test1 %>% summarise("Weekly_trend" = spk_chr(Total)) %>% formattable

浏览 30提问于2021-11-19得票数 2

回答已采纳

1回答

如何使用R包“格式化”在闪亮的仪表板？

、、

formattable有助于格式化表格并提高可视化效果。library("shinydashboard")library("formattable") fluidRow(column(width = 12, )

浏览 1提问于2015-10-27得票数 14

回答已采纳

1回答

在R中创建表格时，如何让kable和formattable协同工作？

、、

kableExtra和formattable都有非常棒的特性，我希望能够将它们合并到我的表中。下面是使用formattable格式化的表格： Health_status = c("Very good", "Good", "Fair", "Bad", "Very bad", "Not stated我想添加一些其他功能(比如表格标题)，这些功能在formattable中似乎无法做到，

浏览 18提问于2019-12-20得票数 0

1回答

可以将DT、格式化和闪亮结合起来吗？

、、、

Formattable有一些简单的选项来格式化表格，例如：library(DT) DT::dataTableOutput("table1")) df <- formattable我喜欢<em

浏览 0提问于2017-07-25得票数 6

回答已采纳

1回答

在R中的formattableOutput()中设置宽度和高度

、、

尝试在R中固定格式化输出的高度和重量，并在水平和垂直方向上滚动。然而，它在两个方向上都溢出了。在宽度为4的框中包含格式化表格的任何方式。library( shiny ) ; library( shinydashboard ) ; library( formattable ) ui=(fluidPage))), <e

浏览 25提问于2020-07-01得票数 0

1回答

是否可以在R格式化上下文中创建格式化程序，以便有条件地应用它？

、、、

我有一个数据帧，它将使用R格式库进行格式化。我创建了一个格式化程序来应用适当的格式化。但是，数据帧包含一些NAs，当遇到它们时，格式化会失败。我真正想做的是对格式化程序进行编码，以便它有条件地确定何时应用格式，何时不应用格式。下面的代码说明了这个问题。library(formattable) theData1 <- data.frame("A"=c(12.1456, 143.012), "B"=c(145.23435, 331.22335)

浏览 23提问于2020-11-04得票数 0

1回答

如何在R中更改格式表中的字体大小

、、、

我正在使用R中的formattable package来制作一个带有图标和条件颜色的KPI表。我需要将文件导出为png，所以我不会在Rmarkdown环境中使用它。我没有找到任何关于格式化文档的信息来说明如何改变字体大小，一些在线的答案探索了通过在html中嵌入格式化代码来改变字体类型。但是，由于我导出为图像文件的限制，我想知道是否可以在代码中添加一个命令来使整个表格字体更大。KPI<-formattable(d, align='c', list(A=formatter(&quo

浏览 31提问于2019-09-13得票数 0

回答已采纳

1回答

使用可格式化的格式在闪亮数据表中格式化文本输出--似乎已经停止工作。

、、、

我有一个数据表，它在使用格式化示例时运行得很好。感谢你的帮助！library(shiny)library(tidyverse) ui <- fluidPage( output$Table

浏览 7提问于2021-04-05得票数 1

回答已采纳

1回答

将jQuery DataTable插件应用于从ASP.NET动态生成的表

、、

我的要求如下：函数FormatTable() { var oTable = $('#tblMyTable).dataTable({sScrollXInner"："150%"

浏览 1提问于2012-08-19得票数 0

回答已采纳

1回答

当使用多个面板时，如何向HH::likert()添加百分比值？

、、

我看过这个问题，它向我展示了如何将百分比标签添加到图中( likert plot showing percentage values)。然而，我似乎不能让它与多面板绘图一起工作。 library(HH) my_panel_func <- function (...) { DF <

浏览 20提问于2021-07-25得票数 3

1回答

NumberFormat/DecimalFormat将某些浮点值视为长整型而不是双精度型

、

.#" for it to work, where # is any non-zero number f->parse(str, formattableelse if ((formattable.getType() == Formattable::kLong)) { printf("kLong: %d\n", formattable.getLong的类型为2 (<

浏览 2提问于2010-10-15得票数 0

回答已采纳

1回答

在我的rMarkdown ioslides_presentation中格式化不起作用

、、、、

我试图在我的ioslides_presentation文档中使用可格式化的示例()。一切都很好，但是如果我只是从R运行它，而不是编织HTML，幻灯片中的表格看起来就不一样了。```{r echo=FALSE, results='asis',error=F, warning=F}图书馆(巧妙地)DFName=formatter(style = x ~ ifelse(x

浏览 0提问于2016-10-18得票数 0

回答已采纳

1回答

如何制作搜索栏来查询Shiny中的可格式化表格

、、

例如，如果有人搜索setosa，它将返回一个经过格式化的子集表格。我浏览了一下esquisse包，但我不确定如何将它集成到一个闪亮的仪表板中。似乎我需要更改服务器中的输出。 library(janitor)library(shiny)library(golem) data(iris)df <

浏览 7提问于2020-02-05得票数 0

回答已采纳

2回答

在C#6中指定字符串插值的区域设置(Roslyn CTP6)

、、、

C#6中的字符串插值让我可以这样写：string x = $"The value is {m}";string x = INV($"The value is {m}");public static string INV(IFormattable <

浏览 2提问于2015-03-30得票数 60

回答已采纳

2回答

可标记的word文档的可伸缩格式行

、、

我正在使用R标记和柔性创建一个Word文档，它希望包含下面的表格，但有一些额外的格式。一般来说，我想用红色格式化负数，这是通过使用color()函数完成的。但是，我无法找到将最后两行格式化为%的方法。我试过可格式化的包，但没有成功。有人能给我一些建议吗？真的很感激！0.103031116474755, 0.75)), class = c("formattable&q

浏览 21提问于2022-04-29得票数 0

回答已采纳

1回答

RShiny:创建一个数据表，允许在单元格中显示图像并在顶部提供过滤功能

、、、、

额外的好处:我最初使用formattable和许多其他功能来装饰我的表格文本。我在某处读到，到目前为止，formattable和filters不能一起工作，因此放弃了美观(彩色文本)而使用了功能(filter)。Formattable也允许显示图像。因此，如果任何人有一个方法，允许格式化与过滤器，这也将完全解决问题！

浏览 22提问于2020-01-16得票数 0

回答已采纳

1回答

用可格式化的方式改变数据帧/ HTML表格中文本的颜色

、

我想根据以下规则向日期框架或HTML表中添加不同颜色的文本(这些规则能够破解变量)我的数据框架是structure(list(gender = c("female", "male", "male", "female", "female", "male", "male", "male", "male", "female",

浏览 1提问于2020-12-27得票数 0

回答已采纳

2回答

adonis分析后写入文件时出错

、、

我试图用下面的代码来编写排列分析的输出，但是它显示了错误，请您给我建议一下如何解决这个错误。

浏览 5提问于2020-07-11得票数 2

回答已采纳

1回答

R Markdown:使用pagedown::chrome_print打印可访问的表会导致一些不可读的行

、、、

一切都近乎完美，除了在某些报告中，表格在分页符上打印得不好。我找不到问题是来自于可达包还是分页关闭。但我也尝试了从Chrome中手动打印，但输出看起来并不完全一样。

浏览 25提问于2021-01-30得票数 0

回答已采纳

1回答

formattable在R中可以按变量对表进行分组吗？

、、、

可以使用按数据帧中的一个变量分组的formattable生成一个表吗？该表可以被分割/拆分/分组成连续打印的单独的表，或者分组被分离在一个表中。如果无法使用formattable，那么可以推荐哪些其他包和函数来根据所描述的需求创建美观的表格？email","postal")[rep(c(1,2), times=50)], c = rep(c("cat1","cat2","cat3","cat4"), t

浏览 19提问于2019-12-05得票数 0

点击加载更多