# Highlight selected row Inputs.table

**URL:** <https://talk.observablehq.com/t/highlight-selected-row-inputs-table/8180>\
**Category:** Help\
**Created:** [August 11, 2023, 4:45pm UTC](https://talk.observablehq.com/t/highlight-selected-row-inputs-table/8180 "2023-08-11T16:45:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![boshek](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@boshek](https://talk.observablehq.com/u/boshek)\
**Post date:** [August 11, 2023, 4:45pm UTC](https://talk.observablehq.com/t/highlight-selected-row-inputs-table/8180/1 "2023-08-11T16:45:50Z")

</div>

Is there any way to highlight a selected row in `Inputs.table`?  
So I have had some like this:

```js
penguins = d3.csv(
  "https://raw.githubusercontent.com/allisonhorst/palmerpenguins/master/inst/extdata/penguins.csv", 
  d3.autoType
)

```

and then:

```js
Inputs.table(penguins)

```

Is there any way to highlight the entire row (say a filled background) when that table is selected? It is sometimes helpful to really shine something on that selection for a user.

---

<div class="post-metadata">

**Author:** ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)\
**Post date:** [August 11, 2023, 7:53pm UTC](https://talk.observablehq.com/t/highlight-selected-row-inputs-table/8180/2 "2023-08-11T19:53:52Z")

</div>

You’ll need a custom wrapper like this one:

https://observablehq.com/embed/@mootari/highlight-table-rows?cells=viewof+selections

---

<div class="post-metadata">

**Author:** ![boshek](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@boshek](https://talk.observablehq.com/u/boshek)\
**Post date:** [August 11, 2023, 8:32pm UTC](https://talk.observablehq.com/t/highlight-selected-row-inputs-table/8180/3 "2023-08-11T20:32:51Z")

</div>

Ah thanks. This is so nice though I was hoping that there was some flag I could specify in Inputs itself 😉
