score:4
Accepted answer
You have to append a link after filtering the data like that :
cells.filter(function(d, i) { return i === 0})
.append("a")
.attr("href", function(d) {
return "http://test/" + d.value;
})
.html(function(d) {
return (d.value);
});
See https://jsfiddle.net/o64e570x/1/
It's also possible to filter with the column name with
cells.filter(function(d, i) { return d.column === "NAME"})
Source: stackoverflow.com
Related Query
- d3 adding html links to a column of data in a table
- Drawing an HTML table via D3 doesn't update existing data
- Adding Links to a D3-generated Table
- I want to add "..." or ">>" icon after 100 characters in my html table column using javaScript (No jquery)
- When creating an HTML table with D3, use certain data for a row class rather than cell
- How to convert table data to nodes and links for d3js Sankey
- D3.js HTML data table filter by dropdown
- d3.js nested data update line plot in html table
- Make a specific column bold in an html table
- D3.JS bar graph column offset while adding new data
- When creating an HTML table in D3, how can I make the first column th
- d3..js : adding texts to nodes and links using incoming JSON data of varying size
- Adding a data generated by JavaScript to the first column of a CSV file
- Creat table with d3.js and json data containing data and links
- d3 adding data attribute conditionally
- Updating links on a force directed graph from dynamic json data
- Recursively (or iteratively) make a nested html table with d3.js?
- Add Unique Links to all d3.js Data Points in Graph
- D3.js Adding links between elements in a radial tree (Hierarchical edge bundling elements)
- dc.js - data table using jquery data-table plugin
- D3.js: Adding class whose name is based on data
- Read csv data with D3.csv, each column in separate array
- transition when adding new data to d3 streamgraph
- Selecting d3 data subset based on column
- How to update elements of an HTML that the elements are created using data from a CSV file?
- Adding label to the links in D3 force directed graph
- How to plot animated line chart using d3 while the data table is required to be updated every 1 second?
- dc.js - how to get the average of a column in data set
- Change node colors in d3 Sankey Diagram based on additional column in data
- Binding data to each element using HTML textarea
More Query from same tag
- How to move connecting path/lines in D3 to edges of shape
- d3.js Force layout only applied vertically
- d3.js zoom/drag scatter plot
- Removing two nodes from a Force Layout fails while one succeeds
- Join existing elements of the DOM to data with d3.js
- tooltip responsive inside a div - not showing
- D3/Shiny Example Doesn't Display Bars
- How to unsqueezed the y-axis in D3.js
- extjs draggable panel d3js pan zoom don't work
- SVG foreignObject text not appearing in mobile browsers
- Issue in generating the chart with required color, i.e. specified colors are not displayed
- How to create a pie chart visualization in d3.js, typing the input manually and with smooth transitions
- set yAxis ticks D3js
- Drag not working properly after applying scale transform on force layout
- GraphStream: Interactive Web Application
- d3.js - Autoscroll for pie chart legend
- how to roll up dc stacked-bar example into single bar?
- How to center rectangles on position in D3.js?
- Alternative to d3.max and d3.min functions
- Writing to JSON with PHP
- Creating animated GIF files out of D3.js animations
- why Only one line is getting extended while using brushed() in interactive multiseries line chart
- Controls an animation using a progress bar
- Raphael JS - creating a custom progress bar
- Interactive Notes in a div element from table d3.js
- What exactly does extra select() on enter() selection do?
- How can I add in Data Labels to my D3 bar chart?
- Uncaught TypeError: Cannot read property 'albersUsa' of undefined
- How to disable some streams by default in a nvd3 Simple Line Chart?
- Partial forces on nodes in D3.js