export-fileName-function.html

<script>
  init({
    title: 'Export fileName Function',
    desc: 'Test exportOptions.fileName as function.',
    links: [
      'bootstrap-table.min.css'
    ],
    scripts: [
      'https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.29.0/tableExport.min.js',
      'bootstrap-table.min.js',
      'extensions/export/bootstrap-table-export.min.js'
    ]
  })
</script>

<table id="table">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">Name</th>
      <th data-field="price">Price</th>
    </tr>
  </thead>
</table>

<script>
  function mounted () {
    $('#table').bootstrapTable({
      showExport: true,
      exportOptions: {
        fileName () {
          return 'custom-export-name'
        }
      },
      data: [
        { id: 1, name: 'Item 1', price: '$1' },
        { id: 2, name: 'Item 2', price: '$2' }
      ]
    })
  }
</script>