# Alter order of columns in topic list?

**URL:** <https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205>\
**Category:** UX\
**Created:** [2016年十月29日 17:01 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205 "2016-10-29T17:01:29Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 17:01 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/1 "2016-10-29T17:01:29Z")

</div>

How can I make such a design?  
design Screenshot

 ![](https://global.discourse-cdn.com/meta/original/3X/c/6/c6d4a718566de13bfc8e21a656c8c89061890494.jpg)

---

<div class="post-metadata">

**Author:** ![UltimateMoniker](https://avatars.discourse-cdn.com/v4/letter/u/9d8465/32.png) [@UltimateMoniker](https://meta.discourse.org/u/UltimateMoniker)\
**Post date:** [2016年十月29日 17:06 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/2 "2016-10-29T17:06:26Z")

</div>

That’s the default design isn’t it?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 17:08 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/3 "2016-10-29T17:08:06Z")

</div>

> [@UltimateMoniker](#):
>
> That’s the default design isn’t it?

Yes, I have not changed anything

---

<div class="post-metadata">

**Author:** ![UltimateMoniker](https://avatars.discourse-cdn.com/v4/letter/u/9d8465/32.png) [@UltimateMoniker](https://meta.discourse.org/u/UltimateMoniker)\
**Post date:** [2016年十月29日 17:10 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/4 "2016-10-29T17:10:56Z")

</div>

So what do you wish to do? What do you want to change?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 17:11 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/5 "2016-10-29T17:11:30Z")

</div>

> [@UltimateMoniker](#):
>
> So what do you wish to do? What do you want to change?

What is shown in the screenshot

---

<div class="post-metadata">

**Author:** ![UltimateMoniker](https://avatars.discourse-cdn.com/v4/letter/u/9d8465/32.png) [@UltimateMoniker](https://meta.discourse.org/u/UltimateMoniker)\
**Post date:** [2016年十月29日 17:18 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/6 "2016-10-29T17:18:57Z")

</div>

I’m confused man, that’s like endless information. Maybe start by playing with the colors in the settings?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 17:25 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/7 "2016-10-29T17:25:42Z")

</div>

I do not understand what you’re talking about  
I need to replace the standard design on the one that you see in the screenshot

---

<div class="post-metadata">

**Author:** ![Drew\_Warwick](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/drew_warwick/32/80591_2.png) [@Drew\_Warwick](https://meta.discourse.org/u/Drew_Warwick)\
**Post date:** [2016年十月29日 17:32 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/8 "2016-10-29T17:32:56Z")

</div>

Ultimate is asking what the difference is between the default design and the screenshot.

So far I see:

- Topic metrics moved
- Font changed

Is there anything else?

---

<div class="post-metadata">

**Author:** ![UltimateMoniker](https://avatars.discourse-cdn.com/v4/letter/u/9d8465/32.png) [@UltimateMoniker](https://meta.discourse.org/u/UltimateMoniker)\
**Post date:** [2016年十月29日 17:33 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/9 "2016-10-29T17:33:50Z")

</div>

I don’t understand either, I want to help you though.

You’re saying I don’t like the default design, I want to change it? I’m asking, what would you like to change it to?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 17:40 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/10 "2016-10-29T17:40:10Z")

</div>

the screenshot does not see?  
**Replies**  
**Views**  
**Activity**  
and all, nothing more is needed

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 17:40 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/11 "2016-10-29T17:40:43Z")

</div>

> [@Drew\_Warwick](#):
>
> Ultimate is asking what the difference is between the default design and the screenshot.
> 
> So far I see:
> 
> Topic metrics moved  
> Font changed
> 
> Is there anything else?

I did not change the font, all standard

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2016年十月29日 18:12 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/12 "2016-10-29T18:12:13Z")

</div>

If I’m understanding, you want to change from this

```plaintext
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>

```

to this

```plaintext
<tr>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
</tr>

```

My first thought was that JavaScript would be needed.

You apparently managed to do something in your browsers dev tools to get the screenshot.

Do you remember what that was?

---

<div class="post-metadata">

**Author:** ![UltimateMoniker](https://avatars.discourse-cdn.com/v4/letter/u/9d8465/32.png) [@UltimateMoniker](https://meta.discourse.org/u/UltimateMoniker)\
**Post date:** [2016年十月29日 18:15 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/13 "2016-10-29T18:15:40Z")

</div>

I’m legit trying to do this now. lol I don’t know much about CSS but I don’t think one can move the order of columns of a table using it… but if he did it in the screenshot, must be possible?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 18:25 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/14 "2016-10-29T18:25:28Z")

</div>

I did it manually using faerbag **F12**

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月29日 22:12 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/15 "2016-10-29T22:12:39Z")

</div>

Well, there is the idea  
How can I do it?

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2016年十月30日 01:01 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/16 "2016-10-30T01:01:11Z")

</div>

> [@Pirat](#):
>
> How can I do it?

How did you do it using Firebug?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月30日 08:13 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/17 "2016-10-30T08:13:14Z")

</div>

Simply move each column separately  
Does it matter?

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月30日 12:51 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/19 "2016-10-30T12:51:08Z")

</div>

and that if you make a dual repository which makes changes to the engine if from another git repository?

---

<div class="post-metadata">

**Author:** ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Post date:** [2016年十月30日 14:41 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/20 "2016-10-30T14:41:23Z")

</div>

The best way is to make a plugin.

---

<div class="post-metadata">

**Author:** ![Pirat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pirat/32/62176_2.png) [@Pirat](https://meta.discourse.org/u/Pirat)\
**Post date:** [2016年十月30日 14:43 UTC](https://meta.discourse.org/t/alter-order-of-columns-in-topic-list/52205/21 "2016-10-30T14:43:19Z")

</div>

and there is a plugin that makes the plug-in?  
I just do not know how to do plug-ins