Html Jinja2按整数排序的订单显示不正确

嘿，伙计们，我让Jinja2做一个数据库的for循环，我让它按所有数字的列排序，但是当它排序时，它没有按照正确的顺序（1,2,3,4,5）先做所有的1，依此类推（1,10,11,12…，2,21,22）等等

以下是HTML代码：

      {% for winners in winners|sort(attribute="winnerorder") %}
      {% if winners.catergory|int == catergory.id %}

      <form action="/updatewinner2" method="POST">
        <tr>
          <td class=""><svg width="1.1em" height="2em" viewBox="0 0 16 16" class="pt-1" fill="currentColor"
              xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd"
                d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
            </svg>
          </td>
          <td class=""><input class="form-control-plaintext" type="text" name="order1" value="{{ winners.winnerorder }}" /></td>
          <td><input class="form-control-plaintext" type="text" name="name" value="{{ winners.name }}" /></td>
          <td><input class="form-control-plaintext" type="text" name="title" value="{{ winners.title }}" /></td>
          <td><input class="form-control-plaintext" type="text" name="catergory" value="{{ catergory.id }}" /></td>
          <td><input class="d-none form-control-plaintext" type="text" name="id" value="{{ winners.id }}" /></td>
          {% endif %}
          {% endfor %}
        </tr>
        <button type="submit" class=" float-right btn btn-success mb-2">Update Table</button>
      </form>

{%用于winners中的winners |排序（attribute=“winnerorder”）%}
{%if winners.catergory | int==catergory.id%}
{%endif%}
{%endfor%}
更新表

以下是它的显示方式的屏幕截图：