Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668

Merged
rpkyle merged 5 commits into from
Dec 19, 2019
Merged

Update dashTable to 4.5.1 with support for async loading in R #668

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
cacb83c
:tada: upgrade dashTable to 4.5.1
Dec 17, 2019
84a9a22
:hammer: correct artifacts
Dec 17, 2019
c2726fc
CRAN-compliant description
Dec 17, 2019
12caa6d
use updated dash-info.yaml
Dec 17, 2019
0842ae2
Update DESCRIPTION
rpkyle Dec 19, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 3 additions & 4 deletions DESCRIPTION
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down
1 change: 1 addition & 0 deletions NAMESPACE
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)
8 changes: 8 additions & 0 deletions R/df_to_list.R
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {

@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?

@rpkylerpkyleDec 17, 2019

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.

@rpkylerpkyleDec 18, 2019

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).

if(!(is.data.frame(df)))
stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
setNames(lapply(split(df, seq(nrow(df))),
FUN = function (x) {
as.list(x)
}), NULL)
}
10 changes: 5 additions & 5 deletions R/internal.R
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}
18 changes: 9 additions & 9 deletions dash-info.yaml
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-

@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?

@rpkylerpkyleDec 17, 2019

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.

@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.

@rpkylerpkyleDec 18, 2019

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.

@rpkylerpkyleDec 18, 2019

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via

#669
plotly/dash-html-components#147
plotly/dash-core-components#722

An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
properties.
pkg_help_title: >-
Core Interactive Table Component for Dash
4 changes: 2 additions & 2 deletions dash_table/async~table.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dash_table/bundle.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dash_table/bundle.js.map
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dash_table/demo.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dash_table/demo.js.map
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions inst/deps/async~table.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion inst/deps/bundle.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion inst/deps/bundle.js.map
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion inst/deps/demo.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion inst/deps/demo.js.map
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 1 addition & 3 deletions man/dashTable-package.Rd
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.

@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons


}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down
41 changes: 41 additions & 0 deletions man/df_to_list.Rd
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
),
check.names=FALSE,
stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
id = 'table',
columns = lapply(colnames(df), function(x) {
list(name = x, id = x)
}),
data = df_to_list(df)
)
}
}
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Update dashTable to 4.5.1 with support for async loading in R by rpkyle · Pull Request #668 · plotly/dash-table · GitHub
Skip to content

This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668
 Merged

rpkyle
merged 5 commits into

from

Dec 19, 2019
 Merged


Update dashTable to 4.5.1 with support for async loading in R
#668
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


5 commits


Select commit
Hold shift + click to select a range
cacb83c

:tada: upgrade dashTable to 4.5.1

Dec 17, 2019
84a9a22

:hammer: correct artifacts

Dec 17, 2019
c2726fc

CRAN-compliant description

Dec 17, 2019
12caa6d

use updated dash-info.yaml

Dec 17, 2019
0842ae2

Update DESCRIPTION


rpkyle Dec 19, 2019

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 3 additions & 4 deletions
DESCRIPTION

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down

1 change: 1 addition & 0 deletions
NAMESPACE

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)

8 changes: 8 additions & 0 deletions
R/df_to_list.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).
 if(!(is.data.frame(df)))
 stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
 setNames(lapply(split(df, seq(nrow(df))), 
 FUN = function (x) {
 as.list(x)
 }), NULL)
}

10 changes: 5 additions & 5 deletions
R/internal.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}

18 changes: 9 additions & 9 deletions
dash-info.yaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via
#669
plotly/dash-html-components#147
plotly/dash-core-components#722
An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
 properties.
pkg_help_title: >-
 Core Interactive Table Component for Dash

4 changes: 2 additions & 2 deletions
dash_table/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 2 additions & 2 deletions
inst/deps/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 1 addition & 3 deletions
man/dashTable-package.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons

}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down

41 changes: 41 additions & 0 deletions
man/df_to_list.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
 'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
 ),
 check.names=FALSE,
 stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
 id = 'table',
 columns = lapply(colnames(df), function(x) {
 list(name = x, id = x)
 }),
 data = df_to_list(df)
)
}
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Update dashTable to 4.5.1 with support for async loading in R by rpkyle · Pull Request #668 · plotly/dash-table · GitHub
Skip to content

This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668
 Merged

rpkyle
merged 5 commits into

from

Dec 19, 2019
 Merged


Update dashTable to 4.5.1 with support for async loading in R
#668
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


5 commits


Select commit
Hold shift + click to select a range
cacb83c

:tada: upgrade dashTable to 4.5.1

Dec 17, 2019
84a9a22

:hammer: correct artifacts

Dec 17, 2019
c2726fc

CRAN-compliant description

Dec 17, 2019
12caa6d

use updated dash-info.yaml

Dec 17, 2019
0842ae2

Update DESCRIPTION


rpkyle Dec 19, 2019

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 3 additions & 4 deletions
DESCRIPTION

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down

1 change: 1 addition & 0 deletions
NAMESPACE

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)

8 changes: 8 additions & 0 deletions
R/df_to_list.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).
 if(!(is.data.frame(df)))
 stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
 setNames(lapply(split(df, seq(nrow(df))), 
 FUN = function (x) {
 as.list(x)
 }), NULL)
}

10 changes: 5 additions & 5 deletions
R/internal.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}

18 changes: 9 additions & 9 deletions
dash-info.yaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via
#669
plotly/dash-html-components#147
plotly/dash-core-components#722
An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
 properties.
pkg_help_title: >-
 Core Interactive Table Component for Dash

4 changes: 2 additions & 2 deletions
dash_table/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 2 additions & 2 deletions
inst/deps/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 1 addition & 3 deletions
man/dashTable-package.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons

}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down

41 changes: 41 additions & 0 deletions
man/df_to_list.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
 'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
 ),
 check.names=FALSE,
 stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
 id = 'table',
 columns = lapply(colnames(df), function(x) {
 list(name = x, id = x)
 }),
 data = df_to_list(df)
)
}
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Update dashTable to 4.5.1 with support for async loading in R by rpkyle · Pull Request #668 · plotly/dash-table · GitHub
Skip to content

This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668
 Merged

rpkyle
merged 5 commits into

from

Dec 19, 2019
 Merged


Update dashTable to 4.5.1 with support for async loading in R
#668
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


5 commits


Select commit
Hold shift + click to select a range
cacb83c

:tada: upgrade dashTable to 4.5.1

Dec 17, 2019
84a9a22

:hammer: correct artifacts

Dec 17, 2019
c2726fc

CRAN-compliant description

Dec 17, 2019
12caa6d

use updated dash-info.yaml

Dec 17, 2019
0842ae2

Update DESCRIPTION


rpkyle Dec 19, 2019

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 3 additions & 4 deletions
DESCRIPTION

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down

1 change: 1 addition & 0 deletions
NAMESPACE

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)

8 changes: 8 additions & 0 deletions
R/df_to_list.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).
 if(!(is.data.frame(df)))
 stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
 setNames(lapply(split(df, seq(nrow(df))), 
 FUN = function (x) {
 as.list(x)
 }), NULL)
}

10 changes: 5 additions & 5 deletions
R/internal.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}

18 changes: 9 additions & 9 deletions
dash-info.yaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via
#669
plotly/dash-html-components#147
plotly/dash-core-components#722
An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
 properties.
pkg_help_title: >-
 Core Interactive Table Component for Dash

4 changes: 2 additions & 2 deletions
dash_table/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 2 additions & 2 deletions
inst/deps/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 1 addition & 3 deletions
man/dashTable-package.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons

}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down

41 changes: 41 additions & 0 deletions
man/df_to_list.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
 'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
 ),
 check.names=FALSE,
 stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
 id = 'table',
 columns = lapply(colnames(df), function(x) {
 list(name = x, id = x)
 }),
 data = df_to_list(df)
)
}
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
Update dashTable to 4.5.1 with support for async loading in R by rpkyle · Pull Request #668 · plotly/dash-table · GitHub
Skip to content

This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668
 Merged

rpkyle
merged 5 commits into

from

Dec 19, 2019
 Merged


Update dashTable to 4.5.1 with support for async loading in R
#668
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


5 commits


Select commit
Hold shift + click to select a range
cacb83c

:tada: upgrade dashTable to 4.5.1

Dec 17, 2019
84a9a22

:hammer: correct artifacts

Dec 17, 2019
c2726fc

CRAN-compliant description

Dec 17, 2019
12caa6d

use updated dash-info.yaml

Dec 17, 2019
0842ae2

Update DESCRIPTION


rpkyle Dec 19, 2019

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 3 additions & 4 deletions
DESCRIPTION

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down

1 change: 1 addition & 0 deletions
NAMESPACE

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)

8 changes: 8 additions & 0 deletions
R/df_to_list.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).
 if(!(is.data.frame(df)))
 stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
 setNames(lapply(split(df, seq(nrow(df))), 
 FUN = function (x) {
 as.list(x)
 }), NULL)
}

10 changes: 5 additions & 5 deletions
R/internal.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}

18 changes: 9 additions & 9 deletions
dash-info.yaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via
#669
plotly/dash-html-components#147
plotly/dash-core-components#722
An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
 properties.
pkg_help_title: >-
 Core Interactive Table Component for Dash

4 changes: 2 additions & 2 deletions
dash_table/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 2 additions & 2 deletions
inst/deps/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 1 addition & 3 deletions
man/dashTable-package.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons

}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down

41 changes: 41 additions & 0 deletions
man/df_to_list.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
 'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
 ),
 check.names=FALSE,
 stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
 id = 'table',
 columns = lapply(colnames(df), function(x) {
 list(name = x, id = x)
 }),
 data = df_to_list(df)
)
}
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Update dashTable to 4.5.1 with support for async loading in R by rpkyle · Pull Request #668 · plotly/dash-table · GitHub
Skip to content

This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668
 Merged

rpkyle
merged 5 commits into

from

Dec 19, 2019
 Merged


Update dashTable to 4.5.1 with support for async loading in R
#668
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


5 commits


Select commit
Hold shift + click to select a range
cacb83c

:tada: upgrade dashTable to 4.5.1

Dec 17, 2019
84a9a22

:hammer: correct artifacts

Dec 17, 2019
c2726fc

CRAN-compliant description

Dec 17, 2019
12caa6d

use updated dash-info.yaml

Dec 17, 2019
0842ae2

Update DESCRIPTION


rpkyle Dec 19, 2019

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 3 additions & 4 deletions
DESCRIPTION

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down

1 change: 1 addition & 0 deletions
NAMESPACE

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)

8 changes: 8 additions & 0 deletions
R/df_to_list.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).
 if(!(is.data.frame(df)))
 stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
 setNames(lapply(split(df, seq(nrow(df))), 
 FUN = function (x) {
 as.list(x)
 }), NULL)
}

10 changes: 5 additions & 5 deletions
R/internal.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}

18 changes: 9 additions & 9 deletions
dash-info.yaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via
#669
plotly/dash-html-components#147
plotly/dash-core-components#722
An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
 properties.
pkg_help_title: >-
 Core Interactive Table Component for Dash

4 changes: 2 additions & 2 deletions
dash_table/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 2 additions & 2 deletions
inst/deps/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 1 addition & 3 deletions
man/dashTable-package.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons

}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down

41 changes: 41 additions & 0 deletions
man/df_to_list.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
 'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
 ),
 check.names=FALSE,
 stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
 id = 'table',
 columns = lapply(colnames(df), function(x) {
 list(name = x, id = x)
 }),
 data = df_to_list(df)
)
}
}

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
})();
Update dashTable to 4.5.1 with support for async loading in R by rpkyle · Pull Request #668 · plotly/dash-table · GitHub
Skip to content

This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Update dashTable to 4.5.1 with support for async loading in R#668
 Merged

rpkyle
merged 5 commits into

from

Dec 19, 2019
 Merged


Update dashTable to 4.5.1 with support for async loading in R
#668
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


5 commits


Select commit
Hold shift + click to select a range
cacb83c

:tada: upgrade dashTable to 4.5.1

Dec 17, 2019
84a9a22

:hammer: correct artifacts

Dec 17, 2019
c2726fc

CRAN-compliant description

Dec 17, 2019
12caa6d

use updated dash-info.yaml

Dec 17, 2019
0842ae2

Update DESCRIPTION


rpkyle Dec 19, 2019

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


7 changes: 3 additions & 4 deletions
DESCRIPTION

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
Package: dashTable
Title: Core Interactive Table Component for Dash
Version: 4.5.1
Authors @R: as.person(c(Chris Parmer <chris@plot.ly>))
Description: Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behavior is completely customizable through its properties.
Description: An interactive table component designed for designed for viewing, editing, and exploring large datasets, DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
Depends: R (>= 3.0.2)
Imports:
Suggests:
Imports:
Suggests:
License: MIT + file LICENSE
URL: https://github.com/plotly/dash-table
BugReports: https://github.com/plotly/dash-table/issues
Expand Down

1 change: 1 addition & 0 deletions
NAMESPACE

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
# AUTO GENERATED FILE - DO NOT EDIT

export(dashDataTable)
export(df_to_list)

8 changes: 8 additions & 0 deletions
R/df_to_list.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
df_to_list <- function(df) {
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet This function was also user-authored (by me), to emulate the syntax on the Python side using df_to_dict. R users reported that it made using dashDataTable easier for them, so it's persisted. It turns out that it's useful for dashBio as well.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this one is OK to leave in master, along with the rest of the R package items (vignettes, Rd files, etc).
 if(!(is.data.frame(df)))
 stop("df_to_list requires a data.frame object; please verify that df is of the correct type.")
 setNames(lapply(split(df, seq(nrow(df))), 
 FUN = function (x) {
 as.list(x)
 }), NULL)
}

10 changes: 5 additions & 5 deletions
R/internal.R

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,30 +10,30 @@ version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'bundle.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~export.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, dynamic = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"),
all_files = FALSE, async = TRUE), class = "html_dependency"),
`dash_table` = structure(list(name = "dash_table",
version = "4.5.1", src = list(href = NULL,
file = "deps"), meta = NULL,
script = 'async~table.js.map',
stylesheet = NULL, head = NULL, attachment = NULL, package = "dashTable",
all_files = FALSE), class = "html_dependency"))
all_files = FALSE, dynamic = TRUE), class = "html_dependency"))
return(deps_metadata)
}

18 changes: 9 additions & 9 deletions
dash-info.yaml

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
pkg_help_description: >
Dash DataTable is an interactive table component designed for
designed for viewing, editing, and exploring large datasets.
DataTable is rendered with standard, semantic HTML <table/> markup,
which makes it accessible, responsive, and easy to style. This
component was written from scratch in React.js specifically for the
Dash community. Its API was designed to be ergonomic and its behaviour
is completely customizable through its properties.
pkg_help_title: >
pkg_help_description: >-
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this file generated?
@rpkylerpkyleDec 17, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marc-Andre-Rivet The dash-info.yaml file is "handwritten", so it's something we'll carry forward but won't update using the package generator.
@Marc-Andre-RivetMarc-Andre-RivetDec 17, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok, so what I see is that this code (and other similar files) will need to be merged back into dev once merged into master or be committed into dev first, merged into master and this branch updated.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Right, fortunately the only non-build artifacts are these YAML files (I believe), so I'll cherry-pick those into dev and remove from this PR before we merge.
@rpkylerpkyleDec 18, 2019

Copy link


Copy Markdown

ContributorAuthor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed via
#669
plotly/dash-html-components#147
plotly/dash-core-components#722
An interactive table component designed for editing and exploring
large datasets, DataTable is rendered with standard, semantic HTML
<table/> markup, which makes it accessible, responsive, and easy
to style. This component was written from scratch in React.js
specifically for the Dash community. Its API was designed to be
ergonomic and its behaviour is completely customizable through its
 properties.
pkg_help_title: >-
 Core Interactive Table Component for Dash

4 changes: 2 additions & 2 deletions
dash_table/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
dash_table/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 2 additions & 2 deletions
inst/deps/async~table.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/bundle.js.map

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js

View file


Open in desktop


Large diffs are not rendered by default.


2 changes: 1 addition & 1 deletion
inst/deps/demo.js.map

View file


Open in desktop


Large diffs are not rendered by default.


4 changes: 1 addition & 3 deletions
man/dashTable-package.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -2,11 +2,9 @@
\docType{package}
\name{dashTable-package}
\alias{dashTable}
\title{Core Interactive Table Component for Dash
}
\title{Core Interactive Table Component for Dash}
\description{
Dash DataTable is an interactive table component designed for designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML <table/> markup, which makes it accessible, responsive, and easy to style. This component was written from scratch in React.js specifically for the Dash community. Its API was designed to be ergonomic and its behaviour is completely customizable through its properties.
@Marc-Andre-RivetMarc-Andre-RivetDec 19, 2019

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't start with Dash DataTable for mysterious reasons

}
\author{
\strong{Maintainer}: Ryan Patrick Kyle <ryan@plot.ly>
Expand Down

41 changes: 41 additions & 0 deletions
man/df_to_list.Rd

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
% Auto-generated: do not edit by hand
\name{df_to_list}

\alias{df_to_list}

\title{Convert data.frame objects to list-of-lists format}

\description{
Convert a \code{\link{data.frame}} to a list of lists for compatibility with \code{\link{dashDataTable}}. The function will return a nested list object in which the sublists contain named elements of varying type; the names correspond to the column names in the original \code{\link{data.frame}}.
}

\usage{
df_to_list(df=NULL)
}

\arguments{
\item{df}{A \code{data.frame} object, which will be transformed into a list of lists. Each row will become a single named list, in which the elements are named as the columns from which they were extracted.}
}

\examples{
\dontrun{
# first, create data frame
df <- read.csv(url(
 'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv'
 ),
 check.names=FALSE,
 stringsAsFactors=FALSE
)

# then convert to list-of-lists format for use in dashTable
# the following snippet below will print as JSON
# see the help for dashDataTable to see an actual app example
dashDataTable(
 id = 'table',
 columns = lapply(colnames(df), function(x) {
 list(name = x, id = x)
 }),
 data = df_to_list(df)
)
}
}