# Display

A popular configuration option for components like tables is to be able to make a group of fields visible or hidden without having to actually remove them from the data.

## Hide

In the example below, the `UserId` field will not be visible in the table using the `hide` configuration option.

```javascript
const users = [
    { UserId: 3003, UserName: "jkratz", FullName: "Jamie Kratz" },
    { UserId: 2408, UserName: "pdougherty", FullName: "Pat Dougherty" }
];

const table = new wire.bsTable().render("#table", {
    data: users,
    hide: ["UserId"]
});
```

## Select

The same results can be achieved by listing the fields to be displayed instead using the `select` configuration option.  Depending on how many fields there are in the data and how many need to be hidden or displayed, one or the other option would work best.

```javascript
const users = [
    { UserId: 3003, UserName: "jkratz", FullName: "Jamie Kratz" },
    { UserId: 2408, UserName: "pdougherty", FullName: "Pat Dougherty" }
];

const table = new wire.bsTable().render("#table", {
    data: users,
    select: ["UserName", "FullName"]
});
```

The `select` configuration option can also be set up as a  comma delimited string of fields consistent with how columns are selected from [data tables](/wirebootstrap/reference/wire.data/wire.data.datatable.md) or [table queries](/wirebootstrap/reference/wire.data/wire.data.tablequery.md).

```javascript
const users = [
    { UserId: 3003, UserName: "jkratz", FullName: "Jamie Kratz" },
    { UserId: 2408, UserName: "pdougherty", FullName: "Pat Dougherty" }
];

const table = new wire.bsTable().render("#table", {
    data: users,
    select: "UserName, FullName"
});
```

## Spinner

By default components will display a spinner when refreshing its UI.  To turn this off, use the spinner configuration option.  See [Spinners](/wirebootstrap/utilities/spinners.md) for details.

```javascript
const table = new wire.bsTable().render("#table", {
    ...
    spinner: false
});
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wirebootstrap.com/wirebootstrap/working-with-components/configuration/display.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.