怎么修改g:pagination的默认样式

Question

我想使用bootstrap的分页样式，

• «
• 1
• 2
• 3
• 4
• 5
• »

但是在grails里面的分页是
怎么修改他的样式，现在的效果是：1234567下页，没什么效果。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在Grails中，你可以通过以下方式来自定义G:Pagination组件的样式：

1. 首先，你需要创建一个CSS类，并将其添加到你的模板文件中。例如：

<style>
    .g-pagination {
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        font-size: 14px;
        line-height: 1.4;
        margin-top: 1em;
    }
</style>

1. 然后，在你的视图中，你可以在<script>标签内注入这个CSS类，如下所示：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sAqpfituuhzEoi2DffMf IbRn6.ArrayAdapter.

这样，你就可以在Grails中的分页组件上应用Bootstrap的分页样式了。

<g:pagination id="myPagination"/>

请注意，上述代码示例可能需要根据您的项目环境和需求进行调整。