前端表格搜索条件排列解决方案

最近一直再思考如何让表格的搜索条件合理排版，遇到了一个比较好的解决方案，但是不完美，
先说下遇到的方案，
封装一个组件，传一个列数，把搜索条件用row，col包起来，根据宽度计算列数的col span数并排板，
这样的话如果一行五个元素，四个搜索条件一个按钮组，就传6，屏幕变化根据页面的宽度自动换行，
不完美的地方:
按钮组是第二行的最右边一个，且前面没有搜索条件了，要是能动态排列按钮的位置就好了，永远固定在第一行最右边

大概明白的你的意思
但是为什么 五个元素 (四个条件,一个按钮) 要传6呢 不是应该传5吗
我理解的是 你一行正好能五个元素 传5 刚好是 4个条件 一个按钮 按钮在最右侧
假设 5个条件1个按钮 传 6 那么第一行就被条件摆满了 把按钮顶到了下一行成了下一行第一个
你的问题是这个吧?
基于的我的理解呢 我建议你封装的时候 布局改一下 我画个示意图

就是按钮单独一列 不参与条件的布局计算 你只需要 计算你条件的布局