# Export to HTML with Drop-Down menus to sort on fields

**URL:** https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156
**Category:** Support
**Created:** [January 15, 2025, 5:54pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156 "2025-01-15T17:54:37Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![pgh](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/p/f6c823/32.png) [@pgh](https://community.mp3tag.de/u/pgh)
#### Post date: [January 15, 2025, 5:54pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/1 "2025-01-15T17:54:37Z")

</div>

Is it possible to use sort drop-down menus on the Export Html web page like in Excel? It doesn't appear when I export the file from MP3Tag.

---

<div class="post-metadata">

### Author: ![LyricsLover](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/l/c6cbf5/32.png) [@LyricsLover](https://community.mp3tag.de/u/LyricsLover)
#### Post date: [January 15, 2025, 6:04pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/2 "2025-01-15T18:04:08Z")

</div>

You would have to edit the source code from the \*.mte export configuration file.  
-\> Press the Edit icon on your selected export configuration file  
 ![image](https://community.mp3tag.de/uploads/default/original/3X/1/8/188d8bf14cdffddf87ca608bc308e46293283475.png)  
I'm not sure if sorting dropdown menus (or their contents?) is even possible.

---

<div class="post-metadata">

### Author: ![LyricsLover](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/l/c6cbf5/32.png) [@LyricsLover](https://community.mp3tag.de/u/LyricsLover)
#### Post date: [January 15, 2025, 6:10pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/3 "2025-01-15T18:10:03Z")

</div>

You could have a look at this sortable example

> [@Export Configuration Archive problem](https://community.mp3tag.de/t/export-configuration-archive-problem/65666/7):
>
> I have created a very basic export script that also works with the browsers "Google Chrome" or "Edge" or "Opera" (in addition to FireFox). A click on the column header sorts all the rows ascending - and with a second click on the same column header - in descending sort order. It's up to you to prettify it with colors and fonts or rearrange the columns or add/remove columns and content. [MySortableColumnsExport v1.0.mte](https://community.mp3tag.de/uploads/short-url/ioo5Fv0qh73Mp9jrVo97CeB9Dp.mte) (5,1 KB) It currently looks like this (this is only an image, not a worki…

Maybe you can adjust this code to your needs?

---

<div class="post-metadata">

### Author: ![pgh](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/p/f6c823/32.png) [@pgh](https://community.mp3tag.de/u/pgh)
#### Post date: [January 15, 2025, 8:25pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/4 "2025-01-15T20:25:55Z")

</div>

Perfect...works great! Thanks a million!

---

<div class="post-metadata">

### Author: ![pgh](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/p/f6c823/32.png) [@pgh](https://community.mp3tag.de/u/pgh)
#### Post date: [January 15, 2025, 9:12pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/5 "2025-01-15T21:12:12Z")

</div>

Would you be able to add MediaType to the list to sort and all others? I made changes to the HTML part but my list appears underneath the one with no changes (both are displayed). Also, I tried to change the header color from orange to yellow, but both headers show as orange.

---

<div class="post-metadata">

### Author: ![LyricsLover](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/l/c6cbf5/32.png) [@LyricsLover](https://community.mp3tag.de/u/LyricsLover)
#### Post date: [January 15, 2025, 9:37pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/6 "2025-01-15T21:37:38Z")

</div>

> [@pgh](#):
>
> Would you be able to add MediaType to the list to sort and all others?

You need to add this information at two locations:  
a) Add a new column with` <th><button class="th_css">MediaType</button></th>`  
b) Add something like %MEDIATYPE% to the line where you `$loop` through the data

> [@pgh](#):
>
> Also, I tried to change the header color from orange to yellow, but both headers show as orange.

You need to change the colors in the CSS `<style>` part of the HTML-Code.  
Search for "orange" and replace it with "yellow" or whatever color you want to see.

---

<div class="post-metadata">

### Author: ![pgh](https://community.mp3tag.de/letter_avatar_proxy/v4/letter/p/f6c823/32.png) [@pgh](https://community.mp3tag.de/u/pgh)
#### Post date: [January 15, 2025, 11:35pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/7 "2025-01-15T23:35:37Z")

</div>

Thanks, that's what I needed to know.

---

<div class="post-metadata">

### Author: ![system](https://community.mp3tag.de/uploads/default/original/2X/c/ce7035d426cb755a7916793326d23b465222a407.png) [@system](https://community.mp3tag.de/u/system)
#### Post date: [February 14, 2025, 11:36pm UTC](https://community.mp3tag.de/t/export-to-html-with-drop-down-menus-to-sort-on-fields/67156/8 "2025-02-14T23:36:04Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
