[DOCS] Adds content on Document Explorer (#123086)

* [DOCS] Adds content on Document Explorer

* Updates images and minor tweaks to text

* [DOCS] Reorders content

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* Update docs/discover/document-explorer.asciidoc

Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

* [DOCS] Incorporates review comments

* [DOCS] Uses consistent spelling of fullscreen

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>

docs/discover/document-explorer.asciidoc

@@ -0,0 +1,93 @@
+[[document-explorer]]
+== Document Explorer
+
+beta::[]
+
+*Discover* has a *Document Explorer* with resizable columns, better data sorting and comparison,
+and a fullscreen view.
+
+[role="screenshot"]
+image::images/document-explorer.png[Document Explorer with improved look over classic view]
+
+To use the *Document Explorer* instead of the classic document table:
+
+. Open *Discover*.
+. In the toolbar, click *Options*, and then click *Try Document Explorer*.
+. Turn off the classic view and save the changes.
+
+[float]
+[[document-explorer-columns]]
+=== Reorder and resize columns
+
+Use drag and drop to organize the columns and improve the view of the data.
+
+To reorder columns, do one of the following:
+
+* Click *Columns*. In the pop-up, select the column you want to move and drag it to the new location.
+
+* Click the header of the column you want to move. In the dropdown menu, click *Move left* or *Move right*.
+
+To resize a column, drag the right edge of the column header until the column is the width that you want.
+
+Column widths are stored with a saved search.  When you visualize saved searches on dashboards, the saved search appears the same as in **Discover**.
+
+[float]
+[[document-explorer-sort-data]]
+=== Sort data
+
+Sort your data by one or more fields, in ascending or descending order.
+The default sort is based on the time field, from new to old.
+
+. In the *Document Explorer*, click and open the *field sorted* options.
++
+[role="screenshot"]
+image::images/document-explorer-sort-data.png[Pop-up in Document Explorer for sorting columns, width="75%"]
+
+. To add more fields to the sort, expand the dropdown menu.
++
+By default, columns are sorted in the order they are added.
+For example, to sort by `order_date` then `geo.country_iso_code`, make sure `order_date` appears first.
++
+[role="screenshot"]
+image::images/document-explorer-multi-field.png[Multi field sort in Document Explorer, width="75%"]
+
+. To change the sort order, select a field in the pop-up, and then drag it to the new location.
+
+[float]
+[[document-explorer-compare-data]]
+=== Compare data
+
+Narrow your results to a subset documents.
+
+. Select the documents you want to compare.
+
+. Click and open the *documents selected* options, and then select *Show selected documents only*.
++
+[role="screenshot"]
+image::images/document-explorer-compare-data.png[Multi field sort in Document Explorer, width="75%"]
+
+[float]
+[[document-explorer-expand-documents]]
+=== Expand documents
+
+Dive into an individual document to inspect its fields, set filters, and view
+the documents that occurred before and after it.
+
+. Click the expand icon
+image:images/expand-icon-2.png[double arrow icon to open a flyout with the document details].
++
+[role="screenshot"]
+image::images/document-explorer-expand.png[Multi field sort in Document Explorer]
+
+. Scan through the fields and their values. If you find a field of interest,
+click
+image:images/actions-icon.png[three dots icon in table column] in the *Actions* column for filters and other controls.
+. To view documents that occurred before or after the event you are looking at, click <<discover-view-surrounding-documents,**Surrounding documents**>>.
+. For direct access to a particular document, click <<discover-view-single-document,**Single document**>>.
+
+[float]
+[[document-explorer-full-screen]]
+=== View documents in fullscreen
+
+To view as much data as possible and eliminate distractions, click the fullscreen icon
+image:images/fullscreen-icon.png[icon to display the Document Explorer in fullscreen mode].

docs/user/discover.asciidoc

@@ -284,4 +284,7 @@ include::{kib-repo-dir}/discover/save-search.asciidoc[]
 
 include::{kib-repo-dir}/discover/search-sessions.asciidoc[]
 
+include::{kib-repo-dir}/discover/document-explorer.asciidoc[]
+
 include::{kib-repo-dir}/discover/field-statistics.asciidoc[]
+