# Display/edit a nested document

This example shows you how to use a smart field to display and update a nested document.

Nested document in Forest Admin are not visible in the table view and are are displayed as a JSON in the details view. To make the document information more visible you can choose to display a smart field.

![](https://2793709227-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0vHiS-1S9Hw3djvoTw%2F-M3MYXZq2cIomU6m7P4D%2F-M3Mc6PIhnlW4ipZUvmD%2Fnested-document.gif?alt=media\&token=15033412-0bc8-43d5-8360-7346b95c2858)

## Requirements <a href="#requirements" id="requirements"></a>

* An admin backend running on forest-express-mongoose

## How it works

### Directory: /models

This directory contains the `users.js` file where the model is declared.

{% code title="/models/users.js" %}

```javascript
const mongoose = require('mongoose');

const schema = mongoose.Schema({
  'person': {
    firstname: String,
    lastname: String,
    email: String,
  },
}, {
  timestamps: false,
});

module.exports = mongoose.model('users', schema, 'users');
```

{% endcode %}

### Directory: /forest

This directory contains the `users.js` file where the Smart Field `fistname`is declared.

{% code title="/forest/users.js" %}

```javascript
const { collection } = require('forest-express-mongoose');

collection('users', {
  fields: [{
    field: 'firstname',
    type: 'String',
    // Display the firstname
    get: (user) => {
      return user.person.firstname;
    },
    // Edit the firstname
    set: ((user, value) => {
      if (!user.person) {
        user.person = {};
      }
      user.person.firstname = value;
    })
  }],
});
```

{% endcode %}